很多站点运营在检查頁面时，會盯着标题、描述、連結和狀態碼，却容易忽略图片。图片通常是頁面中体积最大的资源，首屏大图、列表缩略图、文章配图加起来，可能占掉大部分流量。如果图片没有管好，訪客打開慢，蜘蛛抓取时也要花更多時間下载资源，甚至因為超时或請求失敗而放弃。

图片自查不需要复杂工具，重点是看体积、尺寸、狀態和加载方式。下面按常见問题逐項展開。

一、先看图片体积和格式

同一張图，儲存方式和压缩质量不同，体积可能差几倍。很多配图從设計稿直接導出，尺寸是 2000 像素宽，頁面里却只顯示 600 像素，多出来的像素没有意义。

• 体积：單張内容图尽量控制在 100KB 到 200KB 以内，首屏大图可以适当放宽，但不要動辄几 MB。
• 格式：照片類图片優先用 WebP 或 AVIF，图标和简單图形可以用 SVG，照片不要用 PNG 存。
• 压缩：導出时選擇合适质量，肉眼看不出明顯差別即可，不要直接上传原始大图。

二、检查图片尺寸與展示位置

图片尺寸和展示区域不匹配，既浪費带宽，也可能造成布局抖動。文章列表里的缩略图，如果加载的是原图，浏览器還要先下载再缩放，体驗並不好。

• 按展示尺寸准备图片，列表頁用缩略图，詳情頁再用大图。
• 使用响應式图片，给不同屏幕宽度提供不同尺寸的来源。
• 给图片設定明确的宽高，减少加载過程中的頁面跳動。

三、失效图和 404 請求

頁面里如果引用了已经刪除或改名的图片，訪客會看到裂图，蜘蛛也會收到 404。常见来源包括：編輯刪除了媒体库文件、外鏈图片被對方移除、图片路径大小寫不一致。

自查时可以打開浏览器開發者工具，查看網絡請求里狀態碼不是 200 的图片。也可以定期抽查文章頁，看有没有明顯的空白图位。發現失效图，要么替換成有效文件，要么從頁面中移除，不要長期挂着。

四、alt 文本與图片语义

alt 文本不是關鍵詞堆砌的地方，它的作用是当图片無法顯示时，告诉訪客這里是什么。對蜘蛛来说，也能帮助理解图片與頁面的關系。

• 内容相關的图片，寫一句简短描述，說明图片表達的信息。
• 纯装饰图片，可以留空 alt，避免重复朗讀。
• 不要把同一串關鍵詞複製到所有图片的 alt 里。

五、加载方式與首屏图片

懒加载可以节省流量，但用错位置會拖慢首屏。首屏可见的图片如果也設定懒加载，浏览器可能要等脚本执行後才開始請求，訪客看到空白的時間會變長。

• 首屏主图不要懒加载，让它尽早開始下载。
• 首屏以下的图片可以開啟懒加载，减少初始請求。
• 检查图片是否阻塞渲染，必要时给關键图片加预加载提示。

六、外鏈图片與第三方图床

有些站点习惯把图片放在第三方图床或對象存储上。這样做本身没問题，但要確認對方稳定、支持 HTTPS、不會突然限流。外鏈图片一旦失效，頁面里會出現大量裂图，而你可能很久都不會發現。

建议把重要图片放在自己可控的存储或 CDN 上，並保留原图备份。如果确實要用外鏈，至少定期检查請求狀態，或者给图片設定一個占位方案。

七、把图片自查放進日常维護

图片問题不會一次清理完就永久消失，新内容發布、舊内容改版、媒体库整理，都可能引入新的失效图和大图。可以按下面的节奏做：

1. 發布前检查新增图片的体积、格式和 alt。
2. 每月抽查一批热门文章，看图片是否正常顯示。
3. 每季度用工具掃一遍全站图片請求，處理 404 和超大文件。
4. 改版或迁移後，重点检查图片路径是否跟着更新。

图片资源管理的目标不是把每張图压到最小，而是让訪客和蜘蛛在合理時間内拿到清晰、有效的内容。体积、尺寸、狀態和语义，四項都正常，頁面才算真正可用。