如何缩小图片文件

先缩尺寸，再压缩

这一行就是整篇指南。现代手机拍的照片常有 4000 像素宽。放进 800 像素宽的文章里显示时，超过 95% 的像素在被任何人看到之前就被浏览器丢弃了——您花流量传输的数据被扔掉了。

把图片宽度减半能去掉约四分之三的像素，因为面积随两个维度一起缩放。没有任何压缩设置能以这么小的可见代价做到这一点，原因很简单：被丢弃的细节本来就不会被显示。

之后再压缩，挤压的就是剩下的部分。顺序反过来，就是在浪费力气压缩您马上要删除的像素。

您实际需要多宽？

拿不准时，按图片将被显示的最大尺寸取值，再为高密度屏幕加一点余量。为视网膜屏翻倍是常见建议，但加上压缩后通常绰绰有余。

• 全宽的网站首屏图：1600–1920 px
• 内容区特色图：1200–1600 px
• 文章内图片：800–1200 px
• 卡片或预览缩略图：200–400 px
• 邮件附件（供查看）：1200–1600 px
• A4 打印：300 dpi 约需 2480 px

选择质量档位

JPEG 和 WebP 的质量是 1 到 100 的数字，它与文件大小的关系是陡峭的非线性。从 100 降到 90 常常能把文件砍半而完全看不出差别，因为质量 100 把大量数据花在了眼睛分辨不出的细节上。

照片的甜点区间是 70 到 80，60 通常也还可以。低于 50，瑕疵会最先出现在平滑渐变里——天空、皮肤、阴影——表现为淡淡的块状条带。

平面色块和锐利边缘的图片是另一回事。截图、标志和示意图在照片看着完美的档位上，就会在文字周围出现难看的镶边。这些请用 PNG 或 WebP。

选对格式

所有现行浏览器都支持 WebP，网页用图选它几乎是白捡的收益。文件要交给较老的桌面软件打开时保留 JPEG，那边的支持不太可靠。

• 照片：追求最大兼容性用 JPEG；同等视觉质量下 WebP 约小 25–35%。
• 截图、标志、示意图：PNG，或者对平面色块和照片都在行的 WebP。
• 需要透明的一切：PNG 或 WebP。JPEG 没有透明通道，透明区域会被填成白色。

达到指定的文件大小

上传表单常要求“2 MB 以内”或“最大 500 KB”。没有公式能把质量档位换算成文件大小，因为它完全取决于图片内容——热闹街景的压缩效果远差于晴朗天空。

实用做法是：先缩到需要的尺寸，用质量 75 压缩，检查大小。还太大就降到 60，再试试 WebP。两三轮迭代就能达标，而且结果几乎总是依然好看。

用 Filembly 来做

先按宽度缩放，高度自动跟随，不会变形。然后按想要的质量压缩结果，可顺手转成 WebP 再省一笔。两个工具都在内存中运行，什么都不存。