PNG 转 WebP

PNG → WebP:更小纹理与网页资源,保留透明,适合现代浏览器与在线3D。

工作区

加载中...

请稍候

关于此工具

将PNG转为WebP,减小网站与浏览器端3D查看器的下载体积。WebP压缩高效并支持透明,适合网页UI与材质贴图。可调质量以平衡体积与精度。全部在浏览器本地完成。

使用技巧

  • 1带透明的WebP通常比PNG小约25-35%
  • 2适合网页3D查看器与相关贴图分发流程
  • 3透明PNG转为WebP时保留Alpha

配置选项说明

输出尺寸

输出尺寸

设置输出图片的宽高。方形预设(如 1024×1024)适合纹理工作流;自定义模式下可锁定宽高比以保持源图比例。格式互转页面默认保持源图尺寸。

锁定宽高比

默认值on

在自定义尺寸模式下启用时,修改宽度或高度会按源图比例自动联动另一边。关闭后可分别设置宽高。

质量

质量

默认值90%

范围10% – 100% · step 5%

JPEG 和 WebP 的有损压缩质量。值越高画质越好但文件越大。

格式说明

输入格式

扩展名:
png
全称:
Portable Network Graphics
类型:
Image
格式:
PNG
常用工具:
PhotoshopGIMPKritaPaint.NET
打开方式:
Image EditorWindows PhotosPreview (Mac)
说明:
PNG 是无损光栅图片格式,支持 8 位 Alpha 透明通道,边缘清晰、无压缩伪影,是轮廓类图片转 3D 模型的首选输入。相比 JPG,PNG 不会在深色背景与主体边缘产生色块,黑白高度图或带透明背景的剪影在转换时能得到更干净的网格。 PNG 的代价是文件体积大于同尺寸 JPG,且不支持 CMYK 等印刷色彩模式。用于 3D 转换时注意两点:高度图建议使用 16 位灰度以保留地形细节,本站最大支持 4096×4096 分辨率;透明背景会被自动检测并处理,无需手动抠图。

备注:

  • 最大支持分辨率:4096×4096 像素
  • 透明背景自动检测和处理

支持特性:

  • 无损压缩保持图像质量
  • Alpha 通道透明,用于精确轮廓提取
  • 广色域支持(24 位 RGB + 8 位 Alpha)

输出格式

扩展名:
webp
全称:
WebP (Google)
类型:
Image
格式:
WebP
常用工具:
PhotoshopGIMPKritaPaint.NET
打开方式:
Image EditorWindows PhotosPreview (Mac)
说明:
WebP 是 Google 开发的现代图像格式,同时支持有损与无损压缩及透明通道,相同画质下文件体积通常比 JPEG 或 PNG 小 25-35%,是网页性能优化的主流选择。 WebP 的浏览器兼容性已非常完善,但在老旧系统与部分专业软件中仍可能不受支持。作为 3D 纹理或图片转 3D 输入时,其表现与 PNG 相当,注意有损模式下的压缩伪影即可。

备注:

  • 最大支持分辨率:4096×4096 像素
  • 无损模式支持透明背景

支持特性:

  • 有损和无损压缩模式
  • 无损模式下支持 Alpha 通道透明
  • 比传统格式更小的文件体积

使用方法

1

上传纹理图片

拖放 PNG、JPEG、WebP、BMP 或 KTX2 纹理/图片文件。KTX2 输入会自动解码为 PNG 以便转换。

2

设置输出选项

在可切换时选择输出格式(PNG、JPEG、WebP、KTX2),设置贴图尺寸,并调整质量。KTX2 可选 ETC1S 或 UASTC。

3

转换并下载

点击转换处理图片或纹理。文件会以所选格式自动下载,可用于网页、设计或 3D 流程。

Q

什么是WebP,为什么要从PNG转换?

A

WebP是压缩表现优于PNG的现代格式。将PNG转为WebP可在保持画质与透明的同时减小约25-80%体积,适合网页与在线3D纹理分发。

Q

WebP的透明度是否保留?

A

是的。WebP像PNG一样支持Alpha透明度。输出中保留透明区域。

Q

有损和无损WebP有什么区别?

A

无损WebP像PNG一样保留精确的图像数据。有损WebP通过丢弃一些视觉信息(由质量滑块控制)实现更小的文件。

Q

WebP是否被广泛支持?

A

是的。所有现代浏览器(包括Chrome、Firefox、Safari和Edge)都支持WebP。它是网络图像的推荐格式。

Q

WebP会用在3D流程里吗?

A

会,尤其在关心下载体积的网页与运行时分发中。部分DCC与引擎在制作/GPU贴图阶段仍偏好PNG或KTX2,按目标管线选择格式即可。

Q

可以用这个工具创建动态 WebP 吗?

A

不可以。转换器只输出单张静态图片,不编码动画。需要动态内容时,请使用支持 WebP 动画的专门工具。