图片优化 — 更小体积,可调编码器,本地完成
75
5
优化前
优化后
在浏览器里用 MozJPEG、WebP、AVIF 或 OxiPNG 做网页图片优化。步骤:选图 → 加载优化引擎 → 选编码器并调参 → 滑动对照前后 → 下载。例:把偏大的首屏 JPEG 优化成更小的 WebP 再上站。文件留在本机;需先加载引擎后再编码。
如何使用
选一张图,先点「加载优化引擎」,再选 MozJPEG / WebP / AVIF / OxiPNG,按需要调画质或力度,也可限制最长边,最后左右滑动看前后差异。编码在本机完成;观感与体积合适再下载。若只想快速压到某个体积,更适合用轻量「图片压缩」。
使用时请注意
不同编码器在体积、观感、透明与耗时上取舍不同。想压得很小时,先看清边界。
- MozJPEG:有损 JPEG,通常比浏览器默认导出的 JPEG 更省体积,适合仍需 .jpg 兼容的场景。
- WebP:相近观感下照片往往比 JPEG 更小,并支持透明,很多站点可作默认选择。
- AVIF:有损体积常常最小,但编码更慢——会显示进度并允许取消,不会假装「瞬间完成」。
- OxiPNG:无损缩小 PNG。照片仍可能偏大,更适合带透明的锐利 UI。重编码后通常不含 EXIF;文件不离开本标签页。
示例
同一张约 3–4MB 的手机 JPEG:MozJPEG 往往比随手导出的浏览器 JPEG 更小;WebP 在相近观感下常再小一截;AVIF 可能更小,但大图可能要数秒。具体数值因内容而异,以本页滑条对照为准。
适用场景
- 上站前把首屏图或商品图优化成 WebP/AVIF,先滑动对照再定画质。
- 仍需 JPEG 兼容时用 MozJPEG,而不是只靠浏览器默认 JPEG。
- 透明 UI 图用 OxiPNG 或近无损 WebP 再交稿,先看体积是否可接受。
常见问题
图片会离开浏览器吗?
不会。加载引擎后,解码与编码都在本标签页。可在开发者工具 Network 确认没有把图片 POST 出去。
和「图片压缩」有何不同?
图片压缩偏快速缩小尺寸/画质(适合逼近目标 KB)。本页会加载专用引擎,可选 MozJPEG、WebP、AVIF、OxiPNG,并用滑条对照。
为什么要先加载引擎?
编码器体积不小。等你点击后再下载,首屏更轻;需要编码器级优化时再加载。
AVIF 为什么这么慢?
AVIF 编码更吃 CPU,大图更明显。我们会显示进度并允许取消,而不是假装很快。
什么时候该用格式转换?
主要想换格式(含透明转 JPEG 铺底)时用格式转换。更在意体积与编码器控制时用本页。
动图和 EXIF 会怎样?
动图只保留第一帧静态图。重编码后通常没有 EXIF;需要先查看标签请用 EXIF 工具。
咨询与反馈
页面不清、功能异常或想提建议?在下方起草邮件,我们会阅读每一封关于工具的来信。