很多站点的运营是從文字開始的：更新栏目、寫文章、調结构。图片和媒体文件往往排到最後，直到某天發現首頁要轉好几秒才出来，手机流量掉得飞快，搜尋结果里带出的缩略图還是三年前的舊图。图片不是装饰品，它常常是頁面体积的主要来源，也是最容易在複製粘贴中积累歷史包袱的地方。下面這套自查清單不依赖复杂工具，重点是养成习惯。
為什么图片值得單獨查一遍
文字内容一般只有几十 KB，而一張没處理過的手机照片可能直接上到几 MB。一個列表頁放十張這样的图，訪客要多等好几秒，服務器也要多扛几倍的流量。更麻烦的是，图片問题通常不會报错，頁面照样能打開，只是慢、只是重，久而久之就被当成正常現象。
体积與格式：先判断该不该用图
- 能用文字说清的，就別用图。纯色块、简單表格、纯文字說明，寫成 HTML 反而更小、更清晰、也更容易被讀到。
- 照片類图片考虑新格式。在支持的环境下使用 WebP 等格式，通常比传统 JPEG 明顯更小；保留原格式作為回退也可以。
- 图标和线條图用矢量。简單图标用 SVG，放大不虚，体积也小，不必為每個尺寸導出一份位图。
- 截图先裁再压。整屏截图里经常有大片空白和無關区域，裁掉之後再压缩，往往能省一半以上。
尺寸：別用大图缩着顯示
常见做法是上传一張 2000 像素宽的图，再在頁面上把它顯示成 300 像素。浏览器要下载完整文件，再缩小渲染，用戶白等，服務器白扛。上传前就把長邊處理到實际顯示需要的尺寸，是比較省事的做法。對同一張图在不同位置有不同尺寸需求的情况，可以准备几個規格，而不是一份超大原图走天下。
alt、文件名與周邊文字
- 图片的 alt 用来描述图片内容，也服務于讀屏软件和图片加载失敗时的提示，不要寫成關鍵詞堆砌，也不必每張都强行加。
- 装饰性图片可以让 alt 留空，让辅助技術直接跳過。
- 文件名尽量用有意义的英文或拼音，避免一串相机預設编号，導出和排查时都更好認。
- 图片周围的正文說明，比 alt 更能帮助理解图片在讲什么，別指望一張图自己承担全部表達。
加载方式：首屏和長列表分開對待
長頁面里排在後面的图片可以延迟加载，等訪客滚動到附近再請求，能省不少首屏時間。但首屏那張主图不适合延迟，否則會出現空白跳動的观感。另外要记住给图片寫上宽高属性或预留占位区域，否則图片加载完成时頁面會突然往下一跳，訪客正想点的按钮就跑了。
图片放在哪里、從哪里引用
媒体文件放在站内统一目錄，還是散落在各個編輯器生成的临时路径里，長期看差別很大。统一目錄便于备份、便于批量處理、也便于日後換存储或接 CDN。引用时注意路径的大小寫和相對绝對寫法，避免出現同一張图有多個地址，白白增加重复請求。如果图片托管在第三方，记得確認對方是否稳定，別让別人的故障變成你的故障。
一份可以照着做的检查清單
- 抽查首頁和几個主要栏目頁，记錄單頁图片總量和總体积。
- 找出体积最大的几張图，看能不能裁、能不能压、能不能換格式。
- 核對頁面上图片的顯示尺寸與文件實际尺寸是否差得离谱。
- 检查主要图片的 alt 是否寫了、是否寫了有用的内容。
- 確認首屏图片没有被延迟加载，長列表图片有延迟加载。
- 检查图片是否都寫了宽高或占位，避免加载时頁面跳動。
- 翻一遍媒体目錄，把没有頁面引用的舊图整理归档。
图片自查不需要一次做完。每次更新内容时顺手處理新加的几張图，比半年後集中返工轻松得多，也更不容易漏掉。
把图片当成内容的一部分来管理，而不是上传完就不管附件，頁面的负担會慢慢降下来，维護时的思路也會清晰很多。