图片无法显示通常因路径错误，需检查img的src路径、核对文件夹层级、改用根相对路径、用开发者工具查404、重设psd导出路径规则。
如果您将PSD文件切图并转换为HTML5页面后，发现图片无法正常显示，则很可能是图片路径设置错误。以下是定位和修正相对路径问题的具体操作方法：
一、检查HTML中img标签的src属性值
该步骤用于确认当前HTML引用的图片路径是否与实际存放位置一致。相对路径需以HTML文件所在目录为基准进行计算。
1、用文本编辑器（如VS Code、Sublime Text）打开生成的HTML文件。
2、搜索所有 标签，查看其引号内的路径字符串，例如 images/logo.png 或 ../assets/icon.jpg。
立即学习“前端免费学习笔记（深入）”；
3、确认该路径是否真实存在于项目文件夹中，且大小写、扩展名与实际文件完全一致。
4、在文件管理器中，以HTML文件所在目录为起点，逐级进入路径所指子目录，验证图片文件是否存在。
二、核对文件夹层级结构与路径语义匹配
相对路径中的 ./ 表示当前目录，../ 表示上一级目录，../../ 表示上两级目录。路径必须严格反映HTML文件与图片文件之间的物理层级关系。
1、右键点击HTML文件，选择“在文件资源管理器中打开文件位置”，记录其完整路径。
2、右键点击任一缺失图片，执行相同操作，记录其完整路径。
3、对比两个路径，手动推导出从HTML所在目录到达图片所在目录所需的相对路径表达式。
4、将推导结果替换原 src 属性中的路径，保存HTML并刷新浏览器测试。
三、统一使用根目录相对路径（以/开头）
该方式可避免因HTML文件放置在不同子目录而导致路径失效的问题，要求服务器环境支持，并将所有资源置于同一站点根下。
1、确保所有图片集中存放在站点根目录下的某个固定文件夹，例如 /images/。
