图像压缩器
一张常见的 DSLR JPG 往往有 6–10 MB,手机人像也经常超过 4 MB;网页、电子邮件和聊天应用通常需要小得多的文件。这个压缩器用 mozjpeg 处理 JPG、用 Oxipng 处理 PNG、用 cwebp 处理 WebP,通常可将体积减少 40%–80%,同时避免“现在看起来很糟”的明显劣化,并且全程在浏览器本地运行,图片不会离开你的设备。
如何压缩图像
-
1
拖入一张或多张图片
支持 JPG、PNG、WebP;每批最多 50 个文件。
-
2
选择目标
使用质量滑块、目标 KB 大小,或选择网页就绪预设。
-
3
查看预览
并排查看压缩前后,判断压缩伪影是否可以接受。
-
4
下载优化后的文件
可单独下载,也可打包为 ZIP;保留原始文件名。
不同格式的压缩方式
每种格式都有不同的压缩切入点。选对方法,通常比对所有图片套用同一套规则的通用工具节省更多空间。
格式比较
| 格式 | 有损 | Alpha | 适合场景 | 常见网页设置 |
|---|---|---|---|---|
| JPG | 是 | 否 | 照片和 8 位色彩 | 质量 75–85 |
| PNG | 否 | 是 | 标志、截图、透明图片 | Oxipng 4 级 |
| 有损 WebP | 是 | 是 | 很好的 JPG 替代方案,通常小约 30% | 质量 80 |
| 无损 WebP | 否 | 是 | 替代 PNG;通常小约 25% | 方法 6 |
| AVIF | 是 | 是 | 压缩比最好,但编码较慢 | 约等于质量 50 |
质量目标
- 主图:JPG 质量 85,WebP 82,保留适合页头或全屏显示的细节。
- 正文图片:JPG 质量 75,WebP 72,适合宽度 800–1200 px 的内容。
- 缩略图:JPG 质量 65,WebP 60,在 200 px 时可以更用力压缩。
PNG详细信息
PNG 是无损压缩,质量并不是直接拿来换体积的变量。最终能省多少,主要取决于色深和压缩方法。Oxipng 4 级通常能让 Photoshop 通过“存储为 Web 所用格式”导出的 PNG 再减少 10%–30%。
对于颜色数量较少的截图(< 256 色),切换为索引 PNG-8 可能让文件大小减半,而且几乎看不出差异。
WebP 支持
WebP 已被所有现代浏览器支持(Safari 14+、Chrome 32+、Firefox 65+、Edge 18+)。建议用 <picture> 元素提供 WebP,并为意外的用户代理回退到 JPG。
隐私
压缩器完全通过 WebAssembly 在你的浏览器中运行。无需上传文件,没有服务器端处理,也不会生成日志。
常见问题
用于网页发布时,应该考虑。质量 80 的 WebP 通常比外观接近、质量 85 的 JPG 小 25%–35%。如果是电子邮件附件或交付给客户,JPG 的通用兼容性仍然更稳妥。
PNG 本身已经是无损格式,因此节省空间主要来自重新索引调色板,并用更好的策略重新运行 deflate。Oxipng 4 级通常能让 Photoshop 导出的文件减少 10%–30%,但达不到 WebP 这类有损格式的降幅。
可以。选择“目标 KB”模式后,工具会尝试不同质量设置,直到输出达到或低于目标大小,并报告实际使用的有效质量。
EXIF、XMP 和 IPTC 元数据可以选择保留。用于网页发布时,默认会移除这些信息,因为这样能节省几 KB,并删除你可能不想公开的 GPS 坐标。
相关工具
GIF 制作器
将一组图片或短视频转换为动画 GIF。导出前可调整帧率、循环次数和尺寸。
图片尺寸调整器
将图片调整到精确的像素尺寸或百分比,同时保持宽高比。适合批量准备图片,无需上传。
图像放大器
使用 AI 超分辨率或经典插值,将低分辨率图像放大 2×、3× 或 4×,同时保留重要细节。
SVG 转 PNG
在浏览器中将 SVG 文件或 SVG 标记转换为 PNG,选择缩放因子,并保持透明边缘清晰。
BMP 转 PNG
在浏览器中将 BMP 文件转换为 PNG。无损,保留色深,并可从原始 BMP 的 alpha 通道添加可选透明度。
PNG 转 SVG 矢量化工具
在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。