图片转WebP
将图片转换为WebP格式,有效减小文件体积
拖拽图片到此处,或点击选择文件
支持 JPG、PNG、GIF、BMP、WebP 格式,可一次选择多张
什么是WebP格式?
Image to WebP 工具用于把 JPG、PNG、GIF、BMP 等图片转换为 WebP 格式。文件会上传到 ToolAct 的 WebP 转换服务,由服务端的 libwebp(通过 libvips)完成编码后再回传到浏览器;处理完成后临时文件会立即从服务器删除,不做归档,不用于训练。WebP 面向网页场景设计,通常能在照片和图形上获得更小文件体积,同时可支持透明背景,并根据设置使用有损或无损压缩。它适合提升页面加载速度、减少上传体积、节省带宽和优化现代前端资源。但 WebP 并不总是唯一正确选择:老旧客户端、打印流程、元数据要求或某些图片编辑软件可能仍更适合 PNG、JPG 或其他格式。转换后应同时检查清晰度、透明效果、色彩表现和文件大小。
使用方法
使用方法
- 拖拽或点击上传图片(支持多选)
- 调整 WebP 质量滑块(建议 80% 以上以保持画质)
- 点击「转换」按钮,查看结果并下载
质量提示
- 截图、UI 图片或文字较多的图片建议使用较高质量;锐利边缘处的压缩伪影更明显。
- 需要保留透明通道、动画或精确色彩匹配时,请保留原始文件。
使用场景
技术原理
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 之外保留源文件。