Softonic

图像转 WEBP 转换器

步 1 / 4
正在恢复所选文件……
Source
尺寸
x
文件大小

WebP格式在所有现代浏览器（包括Safari 14及以上版本）中均受支持，生成的文件体积通常比 JPG 格式小25%-35%，且视觉质量相当；若采用无损压缩，则比PNG格式小20%-25%。上传一张或多张图像后，该转换器会自动生成符合要求的WebP格式（照片使用有损压缩，图形使用无损压缩），并保留图像中的透明度。

如何转换为 WebP 格式

  1. 1

    上传图片

    JPG、PNG、GIF、BMP、TIFF、HEIC。

  2. 2

    选择有损或无损格式

    照片采用75-85质量等级的有损压缩；徽标、截图和图标则采用无损压缩。

  3. 3

    设置质量

    有损质量范围为 0–100；80 是典型的最佳值。

  4. 4

    预览节省的体积

    原始文件大小与 WebP 文件大小并排显示。

  5. 5

    下载

    单个文件或批量文件的压缩包。

WebP 对比 JPG 对比 PNG

WebP是一种统一格式，提供两种模式：有损压缩（类似 JPG 但效果更优）和无损压缩（类似PNG但文件体积更小）。

有损压缩对比 JPG

JPG 图像质量 实现相同外观的 WebP 质量 常见的体积节省
85 78 25-30%
80 72 28-33%
70 60 30-35%

无损压缩对比 PNG

  • 对于截图，WebP 无损格式通常比 PNG 小 20%-26%。
  • 对于色彩较少的简单徽标，优化后的 PNG-8 有时可能优于 WebP。

浏览器支持

  • Chrome、Edge：自 32 版（2014 年）起。
  • Firefox：自 65 版本（2019 年）起。
  • Safari：自 14 版（2020 年）起支持；早期版本的 iOS 设备需使用备用方案。
  • Android WebView：所有现代版本。

请使用 <picture> 元素，并为旧版客户端提供 JPG/PNG 备用方案：

<picture>
  <source type="image/webp" srcset="hero.webp">
  <img src="hero.jpg" alt="Hero">
</picture>

动画

WebP还支持动画功能，在保持同等画质的前提下，其文件体积比GIF更小。对于需要频繁循环播放的短动画，使用WebP动画格式相比GIF是一种直接且便捷的升级选择。

何时不应转换

  • 记录档案的来源，应保持原始格式。
  • 电子邮件附件：许多客户端仍无法正确显示WebP内嵌图像；而 JPG 格式则具有通用性。
  • 打印工作流程，CMYK印刷流程支持 JPG 或TIFF格式，不支持WebP格式。

常见问题

是的，该支持机制在现代浏览器中基本通用。若需兼容极旧版本浏览器，请使用<picture>元素并搭配 JPG 回退方案；对于大多数用户而言，普通版<img src="foo.webp">即可满足需求。

在文件大小相同时，WebP通常比 JPG 效果略优，且视觉效果与PNG完全一致；在质量相同的情况下，WebP文件体积更小。其优势因内容类型而异：照片的优化效果优于平面插图。

是的，无论是有损还是无损 WebP 都支持 8 位 Alpha 透明通道。它既能完美替代 PNG，也能完美替代 JPG，仅需单一格式即可满足需求。

网页正文图像建议设置为 75-80；首屏大图（hero）建议设置为 80-85；缩略图则建议设置为 65-70。最佳值低于对应的 JPG 数值，因为 WebP 压缩效率更高。

相关工具

材质设计颜色选择器

浏览Material Design色板，单击即可将任意色号（50至A700）以HEX、RGB或 HSL 格式复制。

ARW 转 JPG 转换器

将索尼 ARW RAW 照片转换为 JPG。无需打开 Lightroom，即可从相机 RAW 文件得到一张便于分享、通用兼容的 JPEG。

三折页制作工具

在浏览器中私密编写六面三折页，预览正反两面，选择配色，并通过浏览器打印对话框完成打印。

色盲模拟器

模拟不同色盲类型（红色盲、绿色盲、蓝黄色盲及全色盲）患者对图像的视觉感知效果。

GIF转PNG帧

将动画GIF分割为按顺序编号的独立PNG帧，适用于精灵图、动画编辑和视频处理流程。

旗帜制作器

在浏览器中使用六种布局、颜色、文字和符号设计简洁的自定义 3:2 旗帜。可下载 SVG 或 PNG，或打开浏览器打印对话框。

此工具还提供其他语言版本