网站图片怎么压缩？兼顾清晰度、速度与 SEO

第一步不是压质量，而是压尺寸

一张 6000×4000 的相机照片即使 JPEG 质量不高，解码和传输仍然昂贵。如果页面最多只显示 1200px 宽，先把最长边缩到 2400px 左右，通常比单纯降低质量更能减少体积，也更不容易出现明显伪影。这里的 2 倍是为高密度屏留余量，不是所有页面都必须照搬。

第二步：按内容选择格式与质量

照片先试 WebP，兼容性要求高就准备 JPEG 回退；截图与透明图先试 PNG 或无损 WebP；对访问量高且图片多的页面，再评估 AVIF。极致压图的“智能自动”会为每张 JPEG/WebP/AVIF 寻找达到目标 SSIM 的较低质量，适合内容差异大的批次。

第三步：让浏览器只下载需要的版本

• 用 srcset 和 sizes 描述不同宽度版本，避免小屏下载超大图。
• 对首屏之外的图片使用 loading="lazy"；首屏主图不要懒加载。
• 为图片设置明确的 width 和 height，减少布局跳动。
• 给内容图片写有意义的 alt 文本；装饰图用空 alt，不要堆关键词。
• 长期不变的带版本号资源使用长缓存，替换内容时更新文件名或版本。

压缩只是交付链的一环。如果浏览器仍被迫下载不合适的尺寸，或者页面在首屏同时加载几十张图片，单个文件省下的体积很快会被错误加载策略抵消。

可执行的发布检查表

1. 列出页面上体积最大的 10 张图片，而不是先处理整个图库。
2. 记录它们的实际显示尺寸，并用极致压图生成匹配的 1×/2× 版本。
3. 检查手机和桌面上的清晰度、裁切、透明区域与文字边缘。
4. 更新 HTML 的尺寸属性、srcset、alt 和缓存版本。
5. 发布后用浏览器 Network 面板确认手机确实拿到较小版本。