正在加载文章...
分享这篇文章
继续阅读
图片通常是网页体积的大头。未经压缩的相机原图会拖慢 LCP，增加带宽成本，也会让移动端用户等待更久。压缩的第一步不是调参数，而是选对格式。
Logo、图标、简单线条和纯色图形优先使用 SVG。SVG 用路径描述图形，放大后仍然清晰，文件也通常更小。
照片、截图和复杂渐变属于光栅图，应该使用 JPEG、WebP 或 AVIF。把 Logo 存成 JPEG 会带来模糊边缘和无意义的体积。
对于照片和复杂图像，WebP 和 AVIF 通常比 JPEG 更省体积。
项目里应该建立自动图片处理流程：按展示尺寸裁切，输出 WebP 或 AVIF，保留必要 fallback，并限制上传原图直接进入页面。