设计师交付PSD源文件后，网页端预览出现图层位置偏移、文字压到图形上、按钮跑到画板外，这类情况在网站维护中并不少见。很多人的第一反应是让设计师重新导出，但改了几版仍对不上。问题往往不在单一环节，源文件、转换链路、前端展示三层都可能各有一点偏差，叠加起来才表现为明显的错位。it数运在网站维护中处理这类问题时，通常先分层核对，再定位具体原因。
第一层先看文件本身。PSD交付前是否被合并过图层，是否把智能对象直接栅格化，画板尺寸与导出设置是否一致，都会影响后续解析。智能对象被栅格化后，原本可调整的位置信息就固定了，转换时容易按旧坐标摆放。画板尺寸如果和实际导出区域不同，预览容器按导出尺寸计算，图层自然偏移。核对时应打开源文件确认图层是否完整、智能对象是否保留、画板边界是否与设计稿标注一致，并记录文件版本和保存时间。
第二层核对预览转换链路。服务端解析PSD通常依赖特定解析库，库版本不同，对图层混合模式、图层组嵌套、文字图层的支持程度也不一样。字体缺失时，系统会用默认字体替换，字宽变化会带动文字图层整体位移。部分混合模式在转换中不被支持，也会让图层叠放顺序看起来错乱。这一层需要记录解析库版本、字体清单、转换日志，重点看是否有字体替换提示和图层跳过记录。
第三层核对前端展示。预览容器尺寸是否固定，缩放比例是否按原图等比计算，设备像素比是否参与换算，都会造成视觉上的偏移。容器宽度不足时，图片被压缩，图层相对位置看似错位，实际是整体缩放。设备像素比不同，一像素的边框和定位也可能出现半像素偏差。核对时应确认容器宽高、缩放算法、像素比取值，并对比原图尺寸与展示尺寸的比例关系。
给出一份逐层核对清单：源文件层记录图层结构、智能对象状态、画板尺寸；转换层记录解析库版本、字体替换情况、混合模式支持清单；展示层记录容器尺寸、缩放比例、设备像素比。每层核对后留存截图和参数，便于对比定位。先分层再定位，比反复重导文件更有效。涉及具体软件版本和转换工具时，以实际环境测试结果为准，不同环境下表现可能不同。
