UPTools UPTools

在线图片压缩

本地压缩 JPG、PNG、WebP 图片,支持批量处理

本工具在浏览器本地运行,不会上传你的数据,保护你的隐私安全。

点击选择图片,或将图片拖拽到这里

支持 JPG、PNG、WebP,单次最多 20 张,单张最大 20MB

压缩设置

超过此宽度的图片会按比例缩小,0 = 不限制

超过此高度的图片会按比例缩小,0 = 不限制

这是什么工具?

在线图片压缩工具支持 JPG、PNG、WebP 图片批量压缩。可自由调整压缩质量、输出格式和最大尺寸。所有图片在浏览器本地使用 Canvas 处理,不上传服务器,保护你的隐私。支持批量下载压缩结果。适用于压缩网站图片、手机照片、产品图片等场景。

如何使用?

  1. 1 点击上传按钮或拖拽图片到上传区域
  2. 2 设置输出格式(默认 WebP)、压缩质量(默认 80%)和最大尺寸
  3. 3 点击「开始压缩」在浏览器本地处理
  4. 4 查看每张图片的压缩率和节省空间
  5. 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

相关工具