图片压缩到 1 MB

页面速度读者和搜索引擎都在意，而图片通常是一页里最重的东西。一张没处理的相机照片可能有 5 到 10 MB——一篇文章放三张，手机在移动网络下正文还没出来就卡住了。

把每张控制在约 1 MB，页面就跟得上，也有利于 Largest Contentful Paint 这类 Core Web Vitals 指标，同时还留得住笔记本或高分屏上一张通栏首图所需的分辨率。它是在好看和加载快之间取平衡的大小。

1 MB 其实很宽裕，所以你很少需要牺牲肉眼可见的质量——关键是别浪费它。先把图缩到它真正显示的最大宽度：一张只显示到 1600 像素宽的首图，用 6000 像素的原图除了增重没有任何好处。

之后再压到 1 MB;面向网页可以考虑 WebP，它通常能在明显更小的体积下保持和 JPG 一样的清晰度。照片、渐变、细节丰富的画面在 1 MB 下都够用;唯一会吃亏的，是那些在压缩前就被缩得太小的图。

缩放和重新编码都在你的浏览器里进行，所以未发布的商品图或博客草稿图在你发布前不会上传。这让禁发或客户的素材不落到第三方服务器，也让你能把一篇文章的所有图一趟处理完，不用等上传。文件在本地处理后返回下载，不用账号、无水印、不留痕迹。

网页图片最大的一笔节省来自压缩前先缩放，而不只是压质量。先想清楚这张图最大会显示到多宽——通栏首图很少超过 2000 像素，文章内的图往往小得多——先缩到那个宽度。缩到真实显示宽度的照片，压到 1 MB 还留有质量余量;而留在 6000 像素宽的同一张图，得被硬压才塞得下，发虚就是这么来的。像素对上版面，剩下的交给这 1 MB;拿不准宽度时，查一下主题或模板的正文列宽，比猜要快。