图片丢失时,最该保留的不是“好看”,而是让读者仍能判断这块内容是什么、是否与自己有关、下一步能去哪里。可行的最小动作是给每张图补上替代文本和可见说明,并在无法确认图片内容时主动改写或撤下相关内容;如果连替代信息都无从获得,退出该内容比留下空白更稳妥。
同样是“图没了”,原因不同,处理方式也不同。常见有三类:一是图片文件仍在,但路径、大小写或目录结构变了,页面引用失效;二是图片文件本身被删除或从未上传成功;三是外链图片所在的服务不可用,或对方限制了访问。前两类通常还能从备份、旧版页面或本地素材中找回原图,此时优先修复引用,不必改写正文。第三类往往缺少控制权,只能考虑替换、改写或撤下。
判断依据可以看两点:浏览器控制台是否报 404、403 或跨域错误;同一张图在其他页面是否也失效。如果只有某个页面失效,多半是引用路径问题;如果全站同一目录的图都失效,可能是目录被移动或资源被整体清理。这里要注意,请求失败数量归零并不等于处理正确——也可能是图片被浏览器缓存、被 CDN 继续返回旧副本,或页面已经不再引用该图。只有确认页面实际渲染出正确内容,才能进入下一步。
替代文本(alt)的作用是当图片无法显示时,仍让读者获得与图片等价的关键信息。写法上,信息型图片应描述图中承载的事实,例如“厂区大门朝东,门口有公交站牌”;装饰型图片可以留空 alt,避免读屏软件读出无意义内容。不要把文件名、尺寸或“图片加载失败”当作替代文本,这些对读者没有帮助。
如果图片本身是产品图、证书图或地图,单靠一句 alt 往往不够。此时应在图片位置附近保留一段可见文字说明,写清图中可核对的信息,例如证书名称、编号、有效期或地图上的关键地标。前提是这些信息你能确认;无法确认时,不要凭印象补写,宁可标注“图片暂不可用,相关内容请通过其他方式确认”,也不要编造细节。
一个假设例子:某页面原本用一张流程图说明办理步骤,图片丢失后,alt 写成“办理流程图”,读者仍不知道步骤。改成在正文中列出三步文字流程,并保留一句“原流程图暂不可用”,读者就能继续完成判断。这个动作的结果是页面从“信息中断”变成“信息可用”,下一步只需在图片恢复后决定是否把文字精简回图注。
三种选择不是必须全部用上。多数情况下,先尝试保留,失败后退到改写,只有核心信息确实无法还原时才退出。把“退出”当成默认动作,会损失本来可用的内容;把“保留”当成默认动作,则可能让读者长期看到无意义的空框。
如果你没有服务器权限、没有图片备份、也联系不上原制作者,仍可做三件事:第一,在页面源码中检查每张图的 alt 是否为空,把能确认的信息补上;第二,在图片位置附近加一句可见说明,告诉读者这块内容当前不可用;第三,把依赖该图的正文改成不依赖图的表达。这三步不需要上传权限,也不改变服务器配置。
做完之后,用浏览器关闭图片加载或直接查看页面文本,确认读者在无图状态下仍能理解主要信息。这个动作的结果是你能区分“只是图没显示”和“内容已经不可用”。如果文本仍能回答读者的主要问题,就可以暂时保留页面;如果文本只剩一句“图片加载失败”,就应进入改写或退出流程。需要说明的是,页面文本可读并不证明图片问题已解决,也不代表该页面在搜索或推荐场景中的表现会因此变化,它只说明读者侧的信息没有完全中断。
处理完一个页面后,记下三件事:哪些图片失效、判断依据是什么、最终选择了保留、改写还是退出。这样做的好处是,当同一目录再次出现图片丢失时,你能快速判断是局部问题还是整体问题,而不必从零排查。对于定州网站制作中常见的本地服务类页面,图片往往承担地址、资质、案例展示等信息,优先保证这些信息有文字可读,比追求图片完整更实际。
最后要提醒一点:图片丢失时,页面标题、正文主体和联系方式等必要信息应尽量保持可读;如果这些也一并缺失,就不属于图片层面的取舍,而应回到页面是否还值得保留的判断上。无论选择哪种处理方式,都应以读者能否获得准确信息为准,而不是以页面看起来是否完整为准。