设计稿上传到网站后台后，运营人员打开预览，发现文字超出了画布边界，图片整体位置也偏了一截，第一反应常常是“文件是不是没传上去”或者“上传失败了”。但实际情况是，文件多半已经完整上传，出问题的环节在预览。PSD这类分层源文件并非网页原生支持的格式，浏览器看到的通常是一张由服务端转换生成的预览图。错位发生在转换或展示阶段，与上传通道关系不大。把排查顺序理清楚，可以少走很多弯路。
先确认文件本身是否适合用于预览
第一层需要核对的是源文件状态。不少错位源于图层没有整理：隐藏图层、锁定图层、超出画板的元素、被裁剪但未删除的内容，在转换时可能被重新计算进画面。建议上传前合并可见图层，另存一份预览专用文件，原始分层文件保留用于归档。同时确认画板尺寸与分辨率是否符合约定，网页端预览通常按固定比例缩放，画板比例差异过大时，等比缩放会让元素看起来“移位”。如果设计稿使用了非标准的画板尺寸，最好在交付时附一句说明，避免后续误判。
再看转换环节的兼容范围
第二层是服务端解析。不同工具对PSD的支持程度不一样，智能对象、图层样式、混合模式、特殊字体都可能被简化处理。字体缺失是最常见的错位来源：设计稿里用的字体在转换环境中不存在，系统会替换成默认字体，字宽变化导致整段文字偏移。智能对象如果未栅格化，也可能在转换时按原始边界重新定位。核对方法是拿一份已知正常的文件做对照，逐步替换字体和智能对象，观察错位是否消失。维护方应明确告知支持的文件版本和图层类型，交付方则尽量提供扁平化的预览版本。
最后看网页端展示是否一致
第三层在展示端。预览容器有固定宽高，图片按什么策略缩放、是否居中、是否留白，都会影响观感。同一张预览图在不同尺寸的容器里表现不同，看起来像错位，其实是缩放规则不一致。另外要留意缓存：替换文件后旧预览图可能仍在缓存中，刷新看到的还是上一版。核对时先确认容器尺寸与缩放策略，再强制刷新或更换文件名排除缓存干扰。
上传前的自检清单
交付前可以做几件事：合并可见图层另存预览版；确认画板尺寸和分辨率；把特殊字体转曲或附上字体说明；智能对象按需栅格化；单独导出一张常规格式的预览图作为对照。维护方则保留原始文件，预览图单独生成、单独命名，避免与源文件混用同一套转换逻辑。出现错位时，先用对照图判断是文件问题还是展示问题，再决定改哪一端。
分工清晰，问题才好定位
PSD预览错位很少是单一原因造成的，文件整理、转换兼容、展示策略三处都可能出问题。把核对顺序固定下来，交付方负责文件规范，维护方负责转换与展示的稳定性，责任边界清楚，排查效率自然提高。it数运在网站维护中习惯把这类环节写成可执行的检查项，交付什么、转换什么、展示什么各有说明，出现问题能快速定位到具体一层，而不是反复重传文件。技术问题说明白了，协作才顺畅。
