如何在几乎不损失观感的前提下压缩图片

为什么重要

首页英雄图 4.2 MB，Lighthouse 分数崩盘；4G 用户两秒只看到空白。若在 80% 质量下压到约 320 KB，肉眼往往难分差别，而最大内容绘制（LCP）时间可缩短约 1.6 秒——这与转化率提升存在可观测关联。压缩是 Web 上性价比最高的性能手段之一；在浏览器本地完成则无需把客户照片上传到第三方 SaaS。

三个真实场景

操作指南

打开 图片压缩。

1. 1

   拖入单张或多张文件

   支持 JPEG、PNG、WebP。多文件模式可并行批处理。

2. 2

   选择目标格式

   WebP 适合网页（体积更小）；JPEG 适合邮件与老环境；PNG 适合带透明的截图/Logo。

3. 3

   设置质量

   50 = 激进（照片上可见瑕疵），75 = 常用默认，90 ≈ 近无损。拖动滑块观察体积变化。

4. 4

   可选：导出前缩放

   可将长边限制为 1600px 或 800px。多数落地页照片在 1600px 观感已足够。

5. 5

   下载单文件或 zip

   单文件 → 常规浏览器下载；多文件 → 打包 zip。

hero.jpg — 4,210 KB
3840 × 2160 px

hero.webp — 318 KB (-92%)
3840 × 2160 px (unchanged)
SSIM 0.984 (perceptually identical)

进阶技巧

• WebP 已被 95%+ 浏览器支持。 若要极限体积可用 AVIF，但编码更慢且尚未处处可用。
• 避免二次压缩。 对已压缩的 JPEG 再以 75% 保存会叠加瑕疵。务必从原始文件开始。
• 公开图片建议剥离元数据。 EXIF 可能含手机拍摄的 GPS；压缩器默认会去掉。
• 含锐利文字的截图：先压缩再放大，瑕疵会比「先放大再压」更明显。

常见误区

何时不适合用本工具

• 矢量资源（SVG、AI）——矢量不走栅格压缩通路。栅格目标可用 SVGO 或 SVG 转 PNG。
• 原件的长期无损归档——请以 PNG/RAW 保留母版，压缩仅用于 导出。
• 程序化构建流水线——在 CI/CD 中用 imagemin、sharp 或 vips 更合适。

常见问题

下一步

1. 用 图片格式转换 把旧格式换成现代格式。
2. 分享前用 EXIF 编辑器 剥离隐私元数据。
3. 发布前可用 图片水印 添加品牌水印。