网页性能图像压缩：完整指南
图片占据普通网页体积的大部分 — 通常达 50% 或更多。压缩图片是大多数网站能做出的影响最大的性能优化，而且不需要任何成本。
本指南涵盖真正有效的格式、设置和技术。
为什么图片大小很重要
每一千字节的图片都是下载时间，尤其是在移动设备上。谷歌的研究表明，减少页面体积可以直接提升核心网页指标（Core Web Vitals）得分和排名。小图片还能降低您的带宽费用和碳足迹。
先选择正确的格式
以 WebP 作为默认格式，当您想要最小文件时对照片使用 AVIF。仅在有无损需求时保留 PNG。格式的选择比任何质量设置都重要。
使用质量滑块，而不是百分比
对于 WebP 和 JPG，75–80 的质量在屏幕上看起来很棒。从 90 降到 75 通常能将文件大小减半，而且没有可见差异。始终将结果与原始图片进行对比。
在压缩前先调整尺寸
压缩一张显示尺寸为 800px 的 4000px 照片，会浪费大部分字节。先将尺寸调整为您将要显示的最大尺寸，然后再压缩。两者结合通常可将体积减少 70–90%。
使用懒加载和 picture 元素
对屏幕外的图片使用懒加载，并使用 picture 元素以 JPEG 作为回退来提供 AVIF 或 WebP。结合压缩，这些方法让图片几乎不再增加页面负担。
压缩每一张图片、使用 WebP 或 AVIF、将尺寸调整为显示大小，并进行懒加载。这四个习惯可以将您的页面体积减半。我们的浏览器压缩工具可在几秒钟内为您完成前两项。