如何为更快的网站优化图片

在大多数网站上，图片是页面体积——以及加载缓慢——的最大来源。优化图片是你能做的最高杠杆的提速手段，直接改善 Core Web Vitals 和 SEO。

为什么图片对速度和 SEO 重要

大图会拖慢 Largest Contentful Paint（LCP），这是 Google Core Web Vitals 之一。更快的页面排名更好、转化更好。由于图片常占页面体积的 50% 以上，缩小它们通常是最快的收益。

用 WebP 或 AVIF 代替 JPEG/PNG。同等画质下它们小 25–50%，页面下载更快且看不出差别。仅当必须支持很旧的客户端时才保留 JPEG 兜底。

别把 4000 像素的图放进 800 像素的位置。缩小到图片实际显示的最大尺寸（高分屏约 2× 计）。仅此一项常能把图片体积减半。

对照片而言，质量约 75–80 通常与原图无异。或为每张图设定目标大小，让每个文件都在预算内。文件更小，观感不变。

添加 width 和 height 属性以避免布局偏移（CLS）、对首屏以下图片做懒加载、并去除不需要的 EXIF。它们共同稳步改善你的 Core Web Vitals。

把图片拖进 Dropsize，转换为 WebP 或 AVIF、调整尺寸并压缩——全部在浏览器中、不上传——然后打包成 zip，随时上线到你的网站。