很多站点的問题不是内容不够，而是图片把頁面撑得太重。首屏一張未经压缩的原图，可能比整頁 HTML、CSS、JS 加起来還大。訪客等得久，蜘蛛抓取时也要多花時間下载這些资源，抓取配額被大量图片占掉，正文頁面的更新反而排在後面。图片自查不需要多高級的工具，關键是定期做、按清單做。
先弄清图片在站点里承担什么
站内图片大致分三類：内容图，也就是正文里必须看到的图；装饰图，比如图标、背景、分隔线；還有运营图，比如首頁 banner 和活動图。三類的要求不一样。内容图要在清晰度和体积之間取平衡，装饰图應该尽量用 SVG 或纯 CSS 實現，运营图則要控制數量，別让首屏挤满大图。
逐項自查清單
体积與格式
- 單張内容图尽量控制在 200KB 以内，装饰图控制在几十 KB。
- 照片類用 WebP 或 AVIF，图标和线條图用 SVG，別把矢量图導出成几兆的 PNG。
- 保留原始图以备改版，但上线目錄只放压缩後的版本。
- 检查是不是把设計稿的高清大图直接传了上去，實际展示根本用不到那個尺寸。
尺寸與顯示
- HTML 里寫明宽高或者宽高比，避免图片加载完成後頁面整体跳動。
- 確認上传尺寸和展示尺寸接近，別用样式把两千像素宽的图缩到三百像素顯示。
- 多端展示用 srcset 和 sizes，让手机不要下载桌面尺寸的图。
- 首屏之外的图片加懒加载，首屏主图不要懒加载，否則首屏反而變慢。
文件名與路径
文件名建议用有意义的英文或拼音加短横线，避免出現相机預設名和带括号的副本名。路径要尽量稳定，图片換目錄时补上重定向，否則老頁面和外部引用會一起失效，頁面上出現成片裂图。
替代文本
alt 不是堆關鍵詞的地方。内容图寫清楚图里是什么，装饰图留空即可。图片加载失敗或者網絡慢时，alt 是訪客唯一能看到的說明，也是判断這張图该不该留的依據。
缓存與分發
- 给图片目錄設定較長的缓存時間，更新时用文件名带版本号的方式，別靠手動刷缓存。
- 確認 CDN 回源正常，避免源站已经換了图、CDN 還在發舊图。
- 检查是否存在图片地址返回错誤狀態：頁面能打開但图裂，容易被訪客当成站点质量問题。
用日誌和抓取结果反查
服務器日誌里能看到蜘蛛抓了哪些图片、返回了什么狀態碼。如果發現大量图片請求返回错誤或经過多級跳轉，說明有歷史路径没處理好，可以整理成一份待修清單。另一個办法是随机抽几篇内容較長的頁面，用浏览器的網絡面板按体积排序，排在最前面的几個文件往往就是問题所在。
图片優化的目标不是越小越好，而是在清晰度和加载速度之間找一個能長期维持的平衡点。
几個常见誤区
- 以為压缩過一次就一劳永逸，實际上每次換图都要重新走一遍流程。
- 只處理了首頁，栏目頁和内頁還在用原图。
- 把所有图片交给第三方图床，结果對方限速或改規則，頁面成片裂图。
- 只顾体积，把關键细节压成一团模糊，反而影响阅讀体驗。
落地节奏
- 先統計一次全站图片總量和總体积，作為基线，之後有對比才有意义。
- 優先處理首頁、栏目頁首屏和高流量内容頁的图片。
- 把尺寸、命名、alt、懒加载寫進上传規范，交给編輯执行。
- 每季度抽检一次，重点看新上传的图和改版後遗留的舊图。
图片自查属于那種做一次看不出太大變化、但長期不做會持續失血的工作。把它變成發布流程里的一环，比事後一次性大清理更省力，也更不容易反彈。