在线图片压缩
本地压缩 JPG、PNG、WebP 图片,支持批量处理
点击选择图片,或将图片拖拽到这里
支持 JPG、PNG、WebP,单次最多 20 张,单张最大 20MB
压缩设置
超过此宽度的图片会按比例缩小,0 = 不限制
超过此高度的图片会按比例缩小,0 = 不限制
这是什么工具?
在线图片压缩工具支持 JPG、PNG、WebP 图片批量压缩。可自由调整压缩质量、输出格式和最大尺寸。所有图片在浏览器本地使用 Canvas 处理,不上传服务器,保护你的隐私。支持批量下载压缩结果。适用于压缩网站图片、手机照片、产品图片等场景。
如何使用?
- 1 点击上传按钮或拖拽图片到上传区域
- 2 设置输出格式(默认 WebP)、压缩质量(默认 80%)和最大尺寸
- 3 点击「开始压缩」在浏览器本地处理
- 4 查看每张图片的压缩率和节省空间
- 5 单张下载或批量打包下载压缩结果
常见问题
图片会上传到服务器吗?
不会,所有压缩过程在浏览器本地完成,图片不会离开你的设备。
支持哪些图片格式?
支持 JPG、JPEG、PNG、WebP 格式的图片上传和输出。
可以批量压缩吗?
可以,一次最多上传 20 张图片,支持批量压缩和 ZIP 打包下载。
压缩会影响清晰度吗?
降低质量会有一定影响,建议在 70%-90% 之间调整,在清晰度和文件大小之间取得平衡。
为什么推荐 WebP 格式?
WebP 通常比 JPG/PNG 更小,同时保持较好的画质,非常适合网页使用。
适用场景与示例
- 优化网站前端素材,减小首屏图片体积、加快加载
- 电商商品主图批量瘦身,控制存储与 CDN 流量成本
- 手机照片上传前压缩,节省流量与本地空间
- 公众号、博客配图压缩,避免超大图拖慢页面
输入
一张 3MB 的 JPG 商品图
输出
约 600KB 的 WebP(质量 80%)
💡 体积减少约 80%,肉眼几乎看不出差别;建议网页用 WebP。
原理与常见错误
浏览器端压缩图片的核心是 Canvas:把图片绘制到 canvas 元素上,再用 toBlob(type, quality) 重新编码输出。quality 参数取值 0 到 1,数值越低文件越小、画质损失越大,一般在 0.7 到 0.85 之间能取得体积与清晰度的平衡。WebP 在同等画质下通常比 JPG 小 25% 到 35%,现代浏览器都已支持,是网页图片的首选格式;PNG 则适合需要透明度的场景。本工具所有压缩都在浏览器本地用 Canvas 完成,图片不会上传到服务器。
⚠️ 压缩后体积反而变大
PNG 再压 PNG、或对已是低质量的小图再压缩可能变大;改用 WebP 输出通常更稳。
⚠️ 透明背景变成了白色
JPG 不支持透明,转 JPG 时透明区会被填成背景色;要保留透明请输出 PNG 或 WebP。
⚠️ 压缩后画面模糊
quality 调得过低,建议不低于 0.7;或在体积和清晰度间重新取舍。
⚠️ 批量压缩很慢
图片越多、分辨率越高处理越慢;分批处理或适当降低最大尺寸可加快速度。
参考与更新
最后更新:2026-06-22