我如何在不被任何人察觉的情况下将图片大小减少 80%

我运营一个网站。上面的每张图片在某些时候都大得离谱。十二兆字节的主图，五兆字节的截图，一个比它所在的整个 HTML 页面还重的 Logo。

当我最终做了一次性能审计时，结果触目惊心。我的首页有 23MB，其中大部分是图片。大多数访问者需要等待好几秒才能看到他们一瞥而过的图片。

于是我开始压缩。非常激进。而令人惊讶的是：没人注意到。

我给二十个人展示了一个对比——原图 5.2MB 对比压缩后 1.1MB，让他们找出区别。十九个人看不出来。那个以为自己看出了区别的人，在我交换位置后也改变了主意。

那个实验改变了我对图片质量的看法。我们都在囤积不需要的像素。

为什么图片会臃肿

你的相机或手机默认以最高质量保存图片。现代智能手机相机生成的图片宽度在 4000-6000 像素之间。对于网页使用，大多数图片以 1200-2000 像素宽度显示。你保留的像素比你需要的多四倍，而每个像素都占用空间。

压缩的原理是去除冗余信息。JPEG 压缩尤其擅长这一点——它丢弃了人眼难以注意到的色彩数据。关键在于找到文件大小急剧减小而视觉差异几乎不可感知的最佳点。

我的具体设置

以下是我现在的具体做法，适用于 90% 的图片：

1. 打开 Image Compress。它处理 JPEG 和 PNG。无需安装，无需注册。
2. 将质量设为 70-80%。这是 JPEG 的魔法区间。低于 60%，伪影开始出现。高于 85%，文件大小几乎没有减少。75% 是我的默认值。从没有人抱怨过。
3. 如有需要调整大小。对于显示尺寸小于全屏的图片，我将最长边调整为 2000px。仅此一步就在压缩之前将文件大小减少了 60-70%。
4. 检查预览。工具显示压缩前后的对比。放大查看。如果在 100% 缩放下看不到伪影，你的访问者也不会看到。

这是我上一批的真实数据：

• 主图：8.1MB 降至 1.3MB（减少 84%）
• 截图：3.4MB 降至 512KB（减少 85%）
• 产品图片：5.7MB 降至 894KB（减少 84%）
• Logo（PNG）：1.2MB 降至 187KB（减少 84%，转为 JPEG）

我的首页从 23MB 降到了 4.1MB。加载时间从 4.2 秒降到了 0.9 秒。再次强调：没人注意到。没有一个访客发邮件说"嘿，你的图片看起来不够清晰了。"

教训很简单：你保留的像素太多了。放掉一些吧。你的访问者会以更快的加载速度感谢你，而且他们什么都不会注意到。