马鞍山建站：图片丢失时页面应怎样保留必要信息
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /f5d527fad0f5.html
📄
马鞍山建站：图片丢失时页面应怎样保留必要信息
图片丢失后页面是否还能用，取决于这张图承担的是“信息”还是“氛围”。如果它是产品细节、证书、位置示意或操作步骤的一部分，缺失就属于内容事故，应优先恢复或替换；如果只是装饰性横幅，可以降级为占位并继续服务。判断依据不是图片好不好看，而是去掉它之后，用户还能不能完成理解、比较和联系这三件事。
先分清两种条件：信息型图片与装饰型图片
信息型图片的特征是：文字无法完整替代它。例如设备接口位置、施工前后对比、证书编号局部、菜单价目表的截图。这类图一旦 404 或加载失败，页面上的文字再完整，用户仍会缺少关键判断依据。此时应把“恢复图片”当作发布阻塞项，而不是上线后再补。
装饰型图片的特征是：它只影响观感，不影响语义。例如通栏背景、分隔用的纹理、与正文无关的氛围图。这类图丢失时，页面仍能完成主要任务，可以降级处理，不必为了它推迟整站上线。
两种条件的决策分界可以记成一句话：去掉这张图，用户会不会问出一个文字回答不了的问题？会，就按信息型处理；不会，就按装饰型处理。
信息型图片丢失：先保信息，再保画面
信息型图片无法及时恢复时，正确动作不是留一个破图标，而是在原位置补上等效信息。可选做法包括：把图中关键内容转写成文字说明、给出可下载的原始文件、用文字描述结构关系并注明“图示暂缺”。
这里有一个假设例子。假设某马鞍山本地设备页面用一张图说明控制面板的四个接口顺序，图片丢失后，若只在原位放灰色占位块，用户无法接线；若改成有序列表，写明“从左到右依次为电源、信号、接地、备用”，用户仍能完成操作。这个动作的结果是：页面从不可用变为可用，后续再补图时也不必重写正文结构。
需要保留的必要信息通常包括四项：这张图原本说明什么、缺失期间用户依据什么继续、替代内容是否与正文一致、补图后是否需要同步修改文字。第四项常被忽略：如果文字已经写清接口顺序，补图后就应检查图文是否互相矛盾，而不是把图直接塞回去。
例外情况是：图片涉及资质、授权、检测报告等需要原样呈现的内容。此时文字转写只能作为临时提示，不能替代原件展示，应明确标注缺失状态，避免用户误以为已看到完整凭证。
装饰型图片丢失：降级显示，不阻塞发布
装饰型图片丢失时，优先保证布局不塌、文字可读、按钮可点。常见动作是给图片容器设定稳定的宽高比或最小高度，让缺失图不把正文挤乱；同时为图片设置替代文本，使读屏用户和图片加载失败时都能获得一句简短说明。
替代文本要写“这张图是什么”，而不是堆词。装饰图的替代文本可以留空或写极简描述，避免读屏时反复朗读无意义内容。这个动作的结果是：图片缺失不会连带破坏导航和表单，用户仍能完成主要操作。
一个可执行的检查方法是：在本地或测试环境临时阻断图片请求，只保留 HTML 与样式，然后走一遍页面主路径。如果主路径仍能走通，说明降级策略成立；如果关键按钮被挤到屏幕外，说明容器尺寸没有约束，应先修布局再谈补图。
补图之后要做的三件事
- 核对图片与当前文字是否一致。页面文字可能已在缺图期间被改写，补图后要重新对齐。
- 检查图片文件名与替代文本是否仍能说明内容。文件名混乱、替代文本为空，会让后续维护者难以判断这张图该不该留。
- 确认缺失期间添加的临时说明已经移除或改为正式表述，避免页面上同时出现“图示暂缺”和完整图片。
这三步的意义在于：图片丢失暴露的往往不是图片本身的问题，而是页面把关键信息只放在图里。补图之后顺手把文字补强，下一次同类故障就不会再变成内容事故。
把判断写成可复用的规则
对已有实际业务的站点，可以把上述判断固化成一条发布规则：信息型图片缺失时，页面不得进入正式对外状态；装饰型图片缺失时，允许发布但需记录待补清单。规则里要写明谁来判断图片类型、谁负责补图、补图后由谁复核图文一致性。
如果业务前提发生变化，例如从“图片仅作展示”变为“图片作为交付凭证”，原来的装饰型图片可能升级为信息型图片，此时应重新评估，而不是沿用旧规则。判断标准始终是同一个：用户能否只靠现有文字完成理解、比较和联系。能，就可以继续；不能，就先把信息补回来。
