图片往往占了页面的大部分体积，却常被当成设计的事而不是运营的事。图片过大、占位图不替换、外链图片失效，既影响用户看到内容的速度，也会影响蜘蛛对一个页面的判断。下面给出一套可落地的图片资源自查方法，从体积、加载方式到抓取路径逐项过一遍。
一、先列出页面上的图片清单
不必一上来就全套重构，先把主要栏目模板里的图片按位置分类，找出最值得处理的那几张。
- 首屏主图与轮播图：体积最大，最影响渲染。
- 列表页缩略图：数量多，单个文件多出 100KB 就会被整体放大。
- 正文配图：数量不定，常见问题是原图直接上传。
- 图标、背景图、装饰图：单个很小，但请求数多。
- 图标字体或内嵌 base64 的图片：不易被单独缓存，改动时要整页重新下载。
二、体积与格式：先处理重复出现的那几张
- 优先输出 WebP 或 AVIF，保留原格式作为回退。
- 按实际显示尺寸导出，不要用一张 2000 像素的图靠 CSS 缩小。
- 压缩时保留可接受的画质，用工具批量处理，避免逐张手动调。
- 如果用了图片 CDN，确认裁剪、压缩参数确实生效，而不是只改地址没改输出。
- 不要把大图以 base64 形式写进 HTML 或 CSS，它无法被单独缓存。
三、懒加载要分清主次
懒加载能降低首屏压力，但用法不当会让重要图片迟迟不出现。首屏范围内的图片不要做懒加载，或者用占位色块加提前加载；靠后的正文配图可以使用原生的 lazy 加载属性。
用脚本实现懒加载时，要确认占位图能被正常替换。脚本一旦报错，页面可能长期停在灰块上。建议在不同网络环境下各打开一次页面，确认图片都能出来。
四、图片信息要与页面内容对得上
- 文件名尽量可读，用语义化的英文或拼音，避免 IMG_3821 这类命名。
- alt 描述图片的实际内容，不堆关键词，也不要整站共用一句话。
- 关键信息不要只放在图片里，图上的文字蜘蛛读不到。
- 图片与所在栏目主题一致，避免同一张通用配图出现在所有文章里。
五、图片的抓取与收录细节
- 确认图片目录没有被 robots.txt 误屏蔽，否则图片无法被抓取。
- 外链图片要评估对方是否长期可用，重要图片建议转存到自有域名或 CDN。
- 图片地址返回 404，或被重定向到 HTML 页面，都会让抓取和展示出问题。
- 有的 CDN 在回源失败时会返回 200 的空图，容易被忽略，需要加错误监控。
- 重要图片可以写进站点地图的图片扩展，但不必把所有装饰图都塞进去。
六、上线前的图片自查清单
- 挑三个主要模板，用浏览器开发者工具的 Network 面板按大小排序，看前十个文件。
- 确认首屏图片没有被懒加载脚本拦住。
- 检查列表页缩略图是否使用了与显示尺寸匹配的版本。
- 抽查图片资源能否直接打开，状态码是否为 200。
- 确认 alt 描述与图片内容一致，没有空值或大段重复。
- 检查图片 CDN 的缓存与错误回源策略，并为图片可用性加上监控。
图片优化不必一次做完。先处理首屏和列表页里重复出现的那几张，通常就能看到明显改善，之后再按固定节奏清理存量图片。