一句话答案
处理网页配图先确认输入/格式和输出要求，再按步骤操作并检查结果。 网页图影响 LCP/流量；按展示尺寸输出，不要用 4000px 原图。
为什么重要
先定输出，能避免做完才发现格式/尺寸/质量不对。
1x/2x 两档通常够用。
具体怎么做
- 先备份原图，别覆盖唯一副本。
- 确认目标平台的格式、尺寸和体积上限。
- 先限制最长边，再调质量；一次只改一个变量。
- 压缩后对比体积和清晰度，必要时回到上一档。
- 保留原图，确认输出可用后再删。
常见错误
- 只追求小体积，把文字/边缘压糊。
- 透明 PNG 直接转 JPEG，透明区域变白或黑。
- 反复压缩同一张图，损失累积。
- 覆盖原图，压坏后无法恢复。
检查清单
- 原图已备份。
- 输出格式/尺寸/体积符合平台要求。
- 文字仍可读，透明背景正常。
- 在真实页面/邮件/上传框里验证过。
- 原图保留到确认可用。
关键事实
- 1x/2x 两档通常够用。
- WebP/AVIF 可进一步减小体积。
常见问题
网页配图怎么做？
处理网页配图先确认输入/格式和输出要求，再按步骤操作并检查结果。 网页图影响 LCP/流量；按展示尺寸输出，不要用 4000px 原图。
检测要多久？
通常 1–3 分钟；如果问题间歇出现，连续测 30 秒并换环境复测。
会上传数据吗？
本页在浏览器本地运行，不上传画面/声音；扩展仍可能读取页面。
来源: Web.dev images