优化网站图片，如何提升用户体验和SEO效果？

就这样吧... 嗨呀，老铁们！今天咱聊聊啥叫做“优化网站图片”。我跟你说 这可不是随便给照片加个滤镜那么简单，它直接决定了页面加载快慢，还有搜索引擎是不是爱上你的站点。

为什么图片这么重要？

意味着.… 想想看， 一个网页如果有几百兆的大图，一旦用户打开手机，就像坐火车进火箭发射台——速度慢到极致。

对吧？Google PageSpeed Insight 写道，每秒钟的提升可以让跳出率下降约5%～6%。那可不是开玩笑！而且用户体验直接跟转化率挂钩，你懂的，给力。。

搜索引擎也爱吃“好吃”东西

可以。 搜索引擎其实也关心图片质量：它们会抓取 alt 文本来判断内容相关性，还会用图像识别技术判断是否符合主题。所以别把 alt 写成 “这里是一张漂亮的狗” 那样没意义，要具体一点：“金毛寻回犬在海边奔跑”。

步骤拆解

第一步：确定目标尺寸

在你动手之前先问自己这张图到头来显示在哪儿？全屏 Banner 大概 1920px 宽；侧边栏缩略图大约 150px 宽就够用了。不对不对，其实还要考虑设备分辨率，比如 Retina 屏幕需要 *2 的像素密度。