很多网站加载慢，你去查半天，以为是服务器不行、带宽不够，其实真相往往是图片太大在拖后腿。一张没压缩过的照片，动辄好几兆，你站里要是放几十张，那加载能不龟速吗。我见过一个朋友，花大价钱换了更好的服务器，速度还是上不去，最后一查，全是被那几十张没压的原图拖的，白花了冤枉钱。
图片压缩这事，说难也不难，我给你讲几个我自己实测特别管用的招。
第一招，转格式。现在有个叫 WebP 的图片格式，又清晰又小巧，比传统的 JPG、PNG 体积能小一大截，而且画质肉眼看不出啥区别。我把站里的图尽量都转成了 WebP，光这一项，体积就下来了。现在主流浏览器都支持，放心用。
第二招，用在线工具一键压。不是每个人都有图片处理的专业知识，那你就在网上搜个图片压缩工具，把图拖进去，它自动帮你压好，画质损失很小，体积却能小很多。有些工具还能批量处理，一次搞定几十张，省事得很。
第三招，按实际显示尺寸缩放。这个坑很多人踩。你页面上要显示的图，其实就两百像素宽，结果你上传的是四兆的原图，浏览器得先辛辛苦苦把大图下载下来，再缩成小图显示，纯属浪费。正确的做法是，先按你实际要显示的大小，把图缩好再传。别偷懒直接甩原图。
我自己动手压完之后，图片体积比原来小了八九成，页面加载速度肉眼可见地快了起来，那种感觉，就跟给堵住的管道通了气一样，痛快。
还有个容易被忽略的细节，得单独提一下。给图片设置好宽度和高度的属性。为啥要这么做呢？因为如果不设，图片加载出来之前，那块区域是空的，图片一加载，整个页面布局会突然跳动一下，用户体验特别差。你提前把尺寸占好位，布局就稳稳当当的，不会乱跳。
图片是提速里头最容易见效的一环，不像改代码那么伤筋动骨，你动手压一压，就能看到变化。花个一下午，把站里的图好好收拾一遍，回报是长期的。别小看这一两秒的提升，那都是实打实留住用户的功夫。
