图片丢失时,页面首先要保留的是图片原本承担的信息,而不是图片文件本身。做法是把每张图分成“可替代信息”和“仅装饰”两类:前者用替代文本、图注或正文补回,后者直接移除并调整留白。判断依据不是图片好不好看,而是删掉它之后,读者是否还能理解这一屏在说什么。
同样一张配图,在不同页面里的角色可能完全不同。产品页的主图承担“这是什么、什么颜色、什么形态”的信息;文章里的氛围图只承担节奏和分隔。前者丢失必须补信息,后者丢失可以删掉。
可以用一个简单测试:把图片在草稿里临时隐藏,然后只读文字。如果读完之后,你无法回答“这一屏在讲什么对象、什么状态”,说明图片是信息载体;如果文字已经完整,图片只是让版面不单调,那它属于装饰。
这个区分直接决定下一步动作。信息型图片要写替代文本、补图注,必要时把关键信息写进正文;装饰型图片要删掉对应的图片区块,检查上下间距是否塌陷,而不是硬塞一个占位图让页面看起来没变。
替代文本的作用是让看不到图的人知道图里有什么。写法是描述图中对象和状态,而不是重复页面标题。例如一张产品图,可以写成“深灰色折叠椅,靠背角度约一百二十度”,而不是“折叠椅 折叠椅厂家 折叠椅价格”。
如果图片本身包含文字,比如一张活动时间表,替代文本很难承载全部内容。这时正确动作是把时间表用正文列表重写一遍,图片只作为补充。结果是读者在图片加载失败时仍能读到时间、地点和参与方式,而不是只看到一句“活动海报”。
替代文本写完后,回到页面顶部用纯文字通读一遍。如果每个信息型图片的位置都能被一句话接住,说明补信息这一步成立;如果某处仍然断档,说明该处需要的是正文,而不是更长的替代文本。
当图片承担的是“说明某个细节”时,图注比替代文本更合适,因为图注对所有人可见。例如一张接口局部图,图注可以写“接口位于机身右侧,盖板向下推开”。这样即使图没加载,读者仍能获得方位信息。
当图片承担的是“证明某个说法”时,正文补位更合适。例如原文写“面料纹理清晰”,配一张微距图。图片丢失后,与其在图注里描述纹理,不如在正文补一句“表面有细密斜纹,逆光下能看到织线走向”。图注适合补充局部,正文适合承接论述。
两种处理都成立的前提是:补进去的信息必须和原图一致,不能借机添加原图没有的内容。如果无法确认原图细节,就删掉依赖该图的句子,而不是编一句描述顶上。
假设一个 WordPress 产品页,顶部主图丢失,下方有规格表和三段描述。先不要急着找图,按下面顺序处理:
这个顺序的结果是:图片丢失期间页面仍然能回答核心问题,图片恢复后也不会因为文字冗余而显得啰嗦。下一步动作是把这个页面的处理方式记下来,用于同类模板页面,而不是每页重新判断。
不要用“图片恢复了”作为唯一验收标准。可以核对三类证据:一是纯文字通读时,页面每个区块仍有明确对象;二是替代文本描述的是图内内容,而不是页面主题;三是图片位置的高度稳定,加载前后没有明显位移。
如果图片请求量归零,也不能单独证明处理正确。它可能是图片被移除、被缓存、被替换,或者页面本身没有被访问。要区分这些解释,需要同时看页面文字是否完整、图片区块是否仍存在、访问路径是否变化。只有文字补位和结构检查都通过,才能说这次处理保留了必要信息。
最后回到你手里的那个页面:先删掉图片只读文字,再决定是补替代文本、补图注、补正文,还是直接移除。这个动作做完,页面在图片缺失时就不再是一块空白,而是一段仍然可读的内容。