鹤壁商户们，你们网站打开速度快吗？超过3秒还没加载出来，一半访客就直接关掉了。而加载慢的头号杀手就是图片太大。我在云计算帮客户优化过大量网站，光压缩图片这一项就能让页面加载速度提升50%以上。今天我把图片压缩的技术要点讲清楚。
图片为什么会让网站变慢
一张相机直接拍出来的照片可能有5-15MB大小，但在网页上显示只需要几百KB甚至更小。如果你上传原图直接用，等于让每个访客都下载一张巨大的图片，在手机网络下体验尤其糟糕。电子玻璃有家做食品加工的店，首页轮播图一张就有8MB，手机上打开要等十几秒，流失率极高。
图片压缩的几种方法
从简单到高级排序：第一，上传前用工具手动压缩（如TinyPNG、智图，免费且效果好）；第二，服务器端自动压缩（CDN自带的图片处理功能）；第三，响应式图片（根据设备尺寸自动提供不同大小的图片）；第四，使用WebP格式（比JPEG小25-35%且画质相当）。鹤壁经济技术开发区那边做淇河的网站，我们现在默认给客户配置自动压缩+WebP转换，基本上传什么图都能自动优化。
压缩到多大合适
一般来说：首页Banner图控制在200KB以内、产品详情图每张100KB以内、缩略图30KB以内。这个尺寸肉眼几乎看不出与原图的区别，但加载速度能快好几倍。当然具体还要看图片的用途和展示尺寸，原则是在可接受的画质范围内做到最小体积。
总结
鹤壁做网站图片优化，记住：上传前先压缩、开启服务器自动优化、优先用WebP格式。这三步做了，大部分网站的加载速度问题都能解决一大半。你要是想知道自己网站图片有没有优化到位，我可以帮你测一下。