很多站点做例行检查时，注意力都放在标题、正文、連結结构上，图片往往被当成「顺手贴上去的東西」。可图片既占頁面体积的大头，也承担着一部分内容表達。图片出問题，用戶看到的是加载慢、错位、空白，搜尋引擎看到的可能只是一堆没有說明的文件。下面把图片相關的检查点集中列一遍，按顺序走一遍大致半小时到一小时能過完。
一、alt 文本：寫了和寫好是两件事
alt 的作用有两個：图片加载失敗或不被顯示时给出替代說明，以及帮助理解图片在讲什么。检查时不要只統計「有没有 alt」這個比例，還要点開看具体寫了什么。
- 装饰性图片（分隔线、纯色背景花纹）用空的 alt="" 就行，不必硬塞關鍵詞。
- 信息性图片（图表、後台截图、产品图）應该用一句话说清它展示了什么，而不是堆砌同义词。
- 图片旁邊已经有完整图注时，alt 再重复一遍意义不大，可以寫得更简略。
- 全站 alt 都等于站点名，或者整頁图片 alt 一模一样，基本等于没寫。
二、体积與格式：先管首屏那几張
頁面變慢的原因里，图片经常排第一。压缩不是一次性的工作，而是上传前的固定動作。
- 普通内容图控制在 200KB 以内通常比較舒服，头图可以适当放宽，但別把几 MB 的原图直接上传。
- 導出尺寸按實际展示尺寸来，不要用 CSS 把 2000px 的图缩到 400px 顯示。
- 照片類優先 WebP 或 AVIF，图标、线條图用 SVG，舊格式逐步替換。
- 同一張图在列表頁和詳情頁用了两個尺寸，確認它們真的是两個文件，而不是一個巨型文件硬撑两處。
三、懒加载：別把首屏也一起懒了
懒加载能省流量，但用法不對會伤到首屏。判断标准很简單：打開頁面时，正文最關键的那張图是否立刻出現。
- 首屏图片不要加 loading="lazy"，否則容易出現先空白、後彈出的观感。
- 用 width/height 属性或 aspect-ratio 把位置占住，避免图片加载完成後内容整体跳動。
- 完全依赖 JS 才插入的图片，確認在脚本未执行时頁面仍能讀到基本文字信息。
四、图片能不能被單獨訪問
图片除了跟着頁面被看到，也可能被單獨請求。這類检查不需要工具，手工抽查几條即可。
- 確認图片 URL 返回 200，而不是 403 或者一串跳轉。
- 核對 robots.txt，看图片目錄是否被誤挡；目錄被挡，图片的展示机會也會一起丢掉。
- 用了 CDN 或图床的，注意防盗鏈規則，確認同域頁面訪問正常。
- 文件名用有意义的小寫英文或拼音，比 IMG_2831.jpg 好维護，出問题时也好定位。
五、失效图與版權
這一項最容易被拖延，但處理起来其實不复杂。
- 定期跑一次死图检查，把返回 404 的图片換掉或刪除引用。
- 外鏈图片随时可能下线，重要的图尽量放在自己域名下。
- 用图前確認授權范围，別等到收到通知再回头替換。
一套可执行的检查顺序
- 導出全站图片清單，統計没有 alt、alt 為空、alt 重复的比例。
- 按頁面体积排序，找出最重的十個頁面，逐張看图片尺寸和格式。
- 用手机打開這些頁面的首屏，观察有没有空白等待和位置跳動。
- 抽查图片 URL 的狀態碼，並確認 robots.txt 没有誤挡图片目錄。
- 整理失效图清單，排期替換，顺手补一句合适的 alt。
图片不會因為补了一句 alt 就把頁面推上去，但一處處的疏漏累加起来，确實會让頁面更慢、更难讀懂。把上面几項固定進例行检查，比每次临时救火省力得多。