PDF转HTML后图片不显示，先检查图片文件是否生成、路径是否正确、上传后是否还能公开访问。如果本地正常而网站上缺图，优先看资源目录和图片地址；如果导出后从来没有图片，检查转换设置与输出内容。不要一开始就反复转换整份PDF。

这类问题通常可以通过一张图片定位。选定一个缺图位置，查看它引用的文件，再判断文件存在、浏览器能访问、页面允许显示这三个条件是否都满足。找到断点之后，再批量处理同类图片，能减少不必要的操作。

第一种情况：转换时没有把图片导出来

先打开输出文件夹，找是否存在与HTML配套的图片资源。没有资源文件时，再检查页面源码中是否包含图片引用。有些工具也可能把图片嵌在文件中，或用其他方式表达页面内容，因此不能只凭“没有images文件夹”就认定图片丢失。

在具有图像导出设置的转换工具中，确认是否启用了保留图片，并查看选中的页码范围。遇到矢量图、图表和复杂组合对象，需要确认工具将其作为图像导出，还是拆成了网页元素。先对问题页面单独导出，比较不同设置的输出。

如果只有一张关键示意图无法导出，也可以从可授权使用的原始素材中取得图片，或将相关PDF区域导出为图像，再放到网页合适的位置。替换后补上图注与来源，避免正文仍引用旧编号，让读者以为它对应另一张图。

第二种情况：图片在文件夹里，但HTML找错了位置

HTML里的src指定图片地址，图片可能使用相对路径或绝对地址。MDN的图片元素说明介绍了这一属性；URL说明解释了相对路径如何依赖页面位置。排查时可以用一个最小目录确认关系：

report/
  index.html
  images/
    figure-01.png

对应HTML可以写成：

<img src="images/figure-01.png" alt="设备连接示意图">

如果只把index.html复制到另一个文件夹，图片引用仍会寻找相对位置中的images目录。要么把配套资源一起移动，要么修改地址。路径中的大小写、连字符和扩展名也应完全一致，尤其是从本地电脑迁移到网站服务器时。

排查时可以直接在浏览器打开图片的完整地址。图片地址也打不开，先处理文件位置；图片能单独打开却不在页面显示，再看HTML引用与显示样式。按这条顺序检查，比同时修改目录、样式和图片格式更容易确认原因。

第三种情况：本地能看，上线后不显示

这是交付资源不完整或发布路径改变时常见的表现。检查是否只上传了HTML、遗漏了配套图片目录，或者图片仍指向本机的磁盘路径。公开页面不能依赖作者电脑里的临时文件，应将图片放在网站能访问的素材位置。

在文章编辑器中粘贴整份HTML，也可能保留原文件的路径，却没有上传相应素材。更稳妥的做法是先把图片上传到网站素材库，再将正文中的引用替换为正式地址。上传后用未登录窗口打开页面与图片，确认读者无需作者账号也能查看。

如果图片地址指向云盘或临时分享链接，还要检查它是否需要登录、是否返回文件预览页、是否会过期。浏览器显示的是一张图片还是一个登录页面，可以通过直接访问判断。优先使用内容站点自己的素材地址，减少后续失效与维护成本。

第四种情况：地址正确，图片仍不可见

打开浏览器开发者工具的网络面板，刷新页面并找到该图片请求。404通常提示地址或文件不存在；403提示访问被拒绝；若返回内容是HTML，可能实际拿到错误页或登录页。记录状态与响应内容，再交给管理网站的人处理，能避免只描述“图片坏了”。

请求成功后再检查显示样式。图片可能被设置为零宽高、隐藏、透明，或者被父容器裁掉。临时取消相关样式，观察是否恢复。修复完成后，应重新检查手机端尺寸与长宽比，防止图片出现却被压扁或超出正文。

不要看到缺图就统一归因于跨域。普通网页图片加载、登录限制、防盗链以及脚本读取像素是不同问题。应以浏览器显示的具体请求与错误为依据；网站若有资源安全策略，也应由维护者核对允许的图片来源。

一张图修好后，怎样批量检查其余图片？

假设一份培训报告有三十张图，缺失的图片都在assets/charts目录。先修复其中一张图的路径，确认正确地址模式，再检查其他图片是否使用相同前缀。替换前保留原文件，避免将正文中的普通链接一起改错。

建立一张简单核对表：原图编号、导出文件名、网页位置、正式地址、检查结果。尤其注意重复文件名，不同章节都叫image1.png时，如果上传到同一目录，可能相互覆盖。可以使用章节或资料编号区分，保持图片与图注一一对应。

最终请另一位同事在不同设备上打开页面。检查三件事：图像能否显示、图中文字是否可读、正文引用是否指向这张图。只是把浏览器缓存里的图片显示出来，还不足以确认正式地址可用；应使用未登录窗口或另一台设备复查。

常见问题

图片显示成一个小图标，应该先改格式吗？

先直接打开图片地址。如果地址不存在或需要登录，换格式无法解决。只有拿到真实文件而浏览器不支持、文件损坏或响应类型异常时，才进一步处理格式和服务配置。

把图片改成绝对地址就一定不会丢吗？

绝对地址能减少页面移动引起的相对路径变化，但地址本身仍可能过期、被删除或被限制访问。应选择稳定的素材存储位置，并保存来源与文件备份。

一张图在电脑正常，手机为什么看不到？

先判断是加载失败还是尺寸问题。移动网络下资源可能被限制，页面也可能在小屏幕应用了不同样式。比较请求结果与图片容器，再针对原因处理。

让网页素材跟着内容一起维护

图片修复以后，建议将正文、图注、正式图片地址和来源放进同一份资料记录。在如知AI智能体中，可以围绕这份完整素材继续整理选题、生成文章并维护更新记录，减少只有文字稿、没有配图依据的情况。

对于持续运营的网站，如知可以把素材整理衔接到独立站内容运营，再通过多平台发布将确认后的稿件分发到已配置账号和支持渠道。每次发布后检查目标页面的图文对应关系，资料转换形成的内容才能持续可读、可维护。

后续可按网站选题与发布计划，让智能体持续整理图文素材、生成和更新文章，按审核设置确认后进入发布流程。更换图表时，把受影响的站点页面与自媒体稿件一起列入复查，保持图文和数据一致。