图片压缩工具

纯前端处理,图片不上传服务器。支持 JPG、PNG、WebP 格式,拖拽上传,实时预览对比

拖拽图片到此处,或点击上传

支持 JPG、PNG、WebP 格式,最多同时处理 10 张

0.80
100%
原始大小
压缩后
原始图片
原始图片
压缩后
压缩后图片

图片压缩工具使用说明

本工具采用纯前端技术实现,所有图片处理均在您的浏览器中完成,图片不会上传到任何服务器,完全保护您的隐私。

  • 压缩质量:控制输出图片的质量,范围 0.1-1.0。数值越小,文件体积越小,但画质损失越明显。一般建议 0.7-0.9。
  • 输出格式:可选择保持原格式,或统一转换为 JPG、PNG、WebP。WebP 格式通常体积更小,但兼容性略差(现代浏览器均支持)。
  • 缩放比例:按百分比缩小图片尺寸。例如原图 4000×3000,缩放 50% 后变为 2000×1500。缩小尺寸可显著降低文件体积。

各格式压缩特点对比

格式压缩方式透明度适用场景
JPG / JPEG有损压缩不支持照片、复杂色彩图像、网页展示
PNG无损压缩支持图标、截图、需要透明背景的图片
WebP有损+无损支持现代网页首选,体积更小画质更好

建议:对于照片类图片,首选 JPG 或 WebP 格式,质量设置在 0.8 左右;对于图标、截图等需要保留清晰边缘的图片,使用 PNG 格式;如果目标平台支持 WebP,优先选择 WebP 可获得最佳压缩效果。

常见问题

为什么有些图片压缩后反而变大了?

PNG 采用无损压缩,对已经高度优化的 PNG(如截图、图标)再次编码时体积往往不降反升;JPG 重存 JPG 也会引入二次压缩。遇到这种情况建议改用 WebP 输出,WebP 有损模式对照片类图片通常还能再省 25%~40%,画质损失小于同质量的 JPG。若原图本身只有几十 KB,可压缩空间很小,体积基本不变甚至微涨都属正常。

带透明背景的 PNG 想压缩变小,该选什么格式?

PNG 的透明通道不能转为 JPG——输出 JPG 时透明区域会丢失并被填充成不透明色块(本工具中通常为黑色),直接破坏设计稿。要保留透明,请把输出格式选为 WebP,无损模式下体积通常比 PNG 小 20%~50%,且透明信息完整保留;次选继续用 PNG。如果透明区域可以舍弃(例如白底商品图),转成 JPG 并将质量设在 0.8 左右即可明显减小体积。

4000×3000 的相机或手机照片,怎么压到 2MB 以内?

建议先缩像素再压质量。第一步把缩放比例设为 50%,像素降到 2000×1500,这一步行之有效且几乎无损;第二步把质量设在 0.75~0.8 并输出 WebP,大多数照片可稳定压到 1~2MB。若仍超标,再把质量逐步下调到 0.6,同时观察预览对比,避免出现噪点。批量处理时先拿一张图试好参数,再对整批应用相同设置。

压缩后图片变模糊、出现马赛克,怎么处理?

有损压缩不可逆,一旦原图被覆盖就无法恢复,请务必保留原始文件。出现马赛克通常是质量低于 0.6 或缩放比例过小造成的。建议把质量回调到 0.8 以上;若体积要求严格,优先缩小尺寸而非继续压低质量,因为像素减少对观感的影响小于重度压缩噪点。含文字、图表的界面截图避免输出 JPG,改用 PNG 或 WebP 无损格式。

一次要压缩上百张图,分批处理有什么注意事项?

本工具单次最多上传 10 张,可分多批完成:每批统一设置质量与缩放比例后上传,处理完逐个点击下载保存,原图不会被改动,可放心反复试参。批量场景建议先对单张调好参数再整批执行;如果每周都有大量图片要压缩,且要求服务器端自动化,可考虑本地命令行工具(如 ImageMagick、Sharp),本工具更适合零安装、跨设备的轻量场景。