ToolAct工具行动

图片转WebP

将图片转换为WebP格式,有效减小文件体积

上传图片

拖拽图片到此处,或点击选择文件

支持 JPG、PNG、GIF、BMP、WebP 格式,可一次选择多张

什么是WebP格式?

Image to WebP 工具用于把 JPG、PNG、GIF、BMP 等图片转换为 WebP 格式。文件会上传到 ToolAct 的 WebP 转换服务,由服务端的 libwebp(通过 libvips)完成编码后再回传到浏览器;处理完成后临时文件会立即从服务器删除,不做归档,不用于训练。WebP 面向网页场景设计,通常能在照片和图形上获得更小文件体积,同时可支持透明背景,并根据设置使用有损或无损压缩。它适合提升页面加载速度、减少上传体积、节省带宽和优化现代前端资源。但 WebP 并不总是唯一正确选择:老旧客户端、打印流程、元数据要求或某些图片编辑软件可能仍更适合 PNG、JPG 或其他格式。转换后应同时检查清晰度、透明效果、色彩表现和文件大小。

使用方法

使用方法

  1. 拖拽或点击上传图片(支持多选)
  2. 调整 WebP 质量滑块(建议 80% 以上以保持画质)
  3. 点击「转换」按钮,查看结果并下载

质量提示

  • 截图、UI 图片或文字较多的图片建议使用较高质量;锐利边缘处的压缩伪影更明显。
  • 需要保留透明通道、动画或精确色彩匹配时,请保留原始文件。

使用场景

批量将图片转为 WebP添加一张或多张图片文件,选择质量设置后转换待处理或失败的项目,支持即时预览和下载。截图和图标建议使用无损模式以保留 Alpha 通道,因为有损 WebP 在 4:2:0 色度采样下仍会将完全透明的像素设为 0,0,0,0。
保存前对比 WebP 输出与原始文件查看每张图片的预览、尺寸、原始大小、转换后大小、原始格式、转换格式和体积变化比,再决定是否下载。在确认 WebP 版本在目标布局中正常显示前请保留原始文件。质量 70 或以下时,有损 WebP 会微妙地降低纯红和纯黄的饱和度,因此品牌相关的素材通常需要在删除原始文件前与 PNG 进行 A/B 对比。
批量准备 Web 资源在成功转换后使用单张下载或全部下载功能,为博客图片、文档截图、商品素材或应用媒体准备更小的 Web 资源。在所有转换资源在目标浏览器或 CMS 中检查无误前请保留原始文件。Safari 从 14.0 起支持 WebP,iOS Safari 16+ 是需要在无法升级的托管 iPad 上加载资源时最安全的基准线。
为首屏大图调整质量与体积平衡将质量调至 75-82 区间用于商品首图,在确认前对比文字边缘、渐变和肤色的清晰度。如果天空等平坦区域出现色带,请提高质量重新处理,因为激进的 WebP 压缩可能会出现 JPG 中不易察觉的色调分离。
注意不支持透明的工作流中的透明度丢失当源 PNG 带有 Alpha 通道时,请留意转换后的预览,因为某些下游工具会将 WebP 重新编码为 JPG 并静默丢弃透明度。对于需要保留 Alpha 层的图标、贴纸和叠加素材,请导出无损 WebP 或回退到 PNG,特别是在 2020 年之前发布的缺乏 WebP 支持的浏览器上。动画 GIF 转为 WebP 时保留原始帧延迟,但如果编码器未接收到与源 GIF 相同的背景填充行为,处置模式的偏移可能会留下残影帧。

技术原理

WebP 是 Google 的容器格式,基于三种内部编解码器:VP8 用于有损静态图片,VP8L 用于无损,VP8X 作为扩展容器添加 Alpha 通道、动画、ICC 配置文件和 EXIF 块。有损 WebP 应用 VP8 帧内预测配合 4 块 DCT、环路去块和算术编码;无损 WebP 对残差运行色彩空间变换和 LZ77 回溯引用方案。在相同 SSIM 下,有损 WebP 平均比 JPEG 小 25-35%,无损 WebP 平均比 PNG 小 26%。 本工具的转换在服务端完成。浏览器把每张图片以签名鉴权的多部分上传发送到 ToolAct 的 /image/convert/webp 接口,服务端将字节流交给 libvips 解码源文件(PNG、JPEG、GIF、BMP、TIFF),再把像素缓冲区交给 libwebp——Google 的 WebP 参考编码器。质量滑块直接映射到 libwebp 的 -q 参数(0-100):100 以下选择有损 VP8 路径,使用 4:2:0 色度子采样和每通道 8 位范围;质量 100 切换到无损 VP8L 路径,逐像素精确还原。编码器把 WebP 码流写入 RIFF(资源交换文件格式)容器,必要时添加 VP8X 扩展块以支持 Alpha 或 ICC,结果作为响应体流式回传。临时上传文件会在响应写出后立即从服务器删除,不做归档,不用于训练。 支持度现在已经足够广泛,可以替代 JPEG:Chrome 32+、Edge 18+、Firefox 65+ 和 Safari 14+ 都内置了解码器。剩余的边缘情况是可预测的。有损 WebP 将透明像素强制为 RGBA 0,0,0,0,因为 4:2:0 色度无法以完全保真度携带部分 Alpha。质量低于约 70 时,平坦的天空区域开始出现色调分离,红/黄色的饱和度降低,这就是为什么产品主图通常在 80-85 区间。动画 WebP 可以通过 libwebp 的 mux 工具创建,但通常的批量场景仍是静态图片,因此对逐帧动画源文件(动图 GIF),需要明确告知编码器保留所有帧,否则只导出第一帧。

  • 容器:VP8 有损、VP8L 无损、VP8X 扩展(Alpha、动画、ICC、EXIF);三种布局共享相同的 RIFF 封装。
  • 服务端管道:libvips 解码源文件,libwebp 编码输出。质量滑块映射到 libwebp 的 -q 参数;quality=100 选择无损 VP8L 路径,较低值选择有损 VP8 并使用 4:2:0 色度。
  • 体积对比:相同 SSIM 下比 JPEG 小约 25-35%,无损带透明度比 PNG 小约 26%。
  • Alpha 处理:有损 WebP 将完全透明的像素展平为 RGBA 0,0,0,0;要保留真正的 Alpha 请选择无损模式或对图标继续使用 PNG。
  • 浏览器基线:Chrome 32+、Edge 18+、Firefox 65+、Safari 14+/iOS 14+;无法升级的旧设备仍需 PNG/JPG 回退。
  • 转换生命周期:每个上传文件仅在 libwebp 编码并将结果流式回传期间存在;无论转换成功还是失败,临时文件都会在响应关闭时删除。

示例

JPG 主视觉图,质量 80

输入:  hero.jpg     1920 x 1080  1.24 MB
质量:80
输出:  hero.webp    1920 x 1080  381 KB
体积减少:69.4%
视觉:正常观看距离下肉眼几乎无差异,肤色还原良好

带透明通道的 PNG 图标,无损压缩

输入:  logo.png     512 x 512    44 KB(带 alpha 通道)
质量:100(无损)
输出:  logo.webp    512 x 512    18 KB
体积减少:59%
alpha 通道:完整保留,可安全用于深色模式叠加

批量转换 20 张博客截图

输入:  20 张 PNG 截图,平均每张 380 KB(共 7.6 MB)
质量:85
输出:  20 个 WebP 文件,平均每个 95 KB(共 1.9 MB)
总共节省:5.7 MB(75%)
下载全部 -> screenshots.zip

商品图,不同质量对比

原图:sneaker.jpg 2400 x 2400  1.8 MB
q=90 -> 612 KB(电商主图首选)
q=80 -> 348 KB(推荐默认值)
q=70 -> 228 KB(缝线处出现轻微模糊)
q=60 -> 162 KB(红色渐变开始出现色带)

常见问题

WebP 转换是在浏览器中完成的吗?

不是。每张图片都会上传到 ToolAct 的 WebP 转换服务(/image/convert/webp 接口),由服务端的 libwebp 完成编码,再通过 taskId 下载回来。处理完成后临时文件会立即从服务器删除,不做归档,不用于训练。请勿上传含有个人信息的照片或机密设计资源。

可以把哪些输入格式转成 WebP?

常见源格式包括 JPEG、PNG、GIF、BMP 和 TIFF。从动图 GIF 转换时,如果上游编码器支持,会得到动图 WebP,否则只导出第一帧。

选有损还是无损 WebP?

WebP 两种都支持。默认是有损,因为这种情况下文件大小收益最大——典型的有损 WebP 比同等画质的 JPEG 小 25-35%。无损 WebP 大小接近 PNG,更适合截图、图标和线稿。

透明度和动画会保留吗?

会。WebP 支持 alpha 通道,PNG 透明度可以干净地转换过去。动图 GIF 可以转成动图 WebP,但从静态格式转换显然无法凭空产生动画。

所有浏览器都能打开结果吗?

现代版的 Chrome、Firefox、Edge、Safari(14+)和大多数即时通讯应用都原生支持 WebP。老旧浏览器、部分印前流程和少数老 Office 客户端仍不支持——如果文件需要随处可开,请保留 JPEG 或 PNG 后备。

为什么我的 WebP 几乎不比原 JPEG 小?

已经被重度压缩的 JPEG 留给 WebP 的优化空间有限。从高质量母版(PNG 或高画质 JPEG)开始,让 WebP 以均衡画质重新编码时,节省才会更明显。

EXIF 和颜色配置文件会保留吗?

EXIF 和 ICC 配置文件通常会在转换时被剥离,这增强了隐私性,但也意味着 WebP 不能作为取证用的原件。如果之后还需要这些元数据,请在 WebP 之外保留源文件。