PSD 文件怎么打开？在线预览、看图层、导出 PNG 全指南

PSD 文件为什么这么难打开

设计稿、海报源文件、UI 切图素材，很多都以 .psd 格式交付。麻烦在于：PSD 是 Adobe Photoshop 的私有格式，原生支持它的软件基本只有 PS 自己。你收到的 PSD 可能来自设计师同事、淘宝美工、或者外包团队，而自己电脑上没装 PS——装了又嫌它体积大、启动慢、还要订阅付费。

于是经常出现这样的场面：急着看一张设计稿，却发现系统自带的图片查看器提示"格式不受支持"，微信里双击也打不开。其实 PSD 没那么神秘，它本质是 Photoshop 把图层、蒙版、通道、文字、路径等信息打包在一起的文件，只要有一个能解析这种结构的查看器就能看。

在线预览 PSD 是怎么实现的

PSD 文件内部有一套公开的二进制结构（Adobe 文档中可查），记录了画布尺寸、颜色模式、图层树、每个图层的像素数据和混合模式。在线预览器用 JavaScript 在浏览器里解析这套结构，再把图层按顺序合成出你看到的完整画面。

// PSD 里的信息层次（简化示意）
PSD 文件
├── 画布：宽高、颜色模式（RGB/CMYK）
├── 图层树：图层顺序、透明度、混合模式
│   ├── 背景层（通常是锁定的）
│   ├── 文字图层（含字体与内容）
│   ├── 智能对象（设计稿常见）
│   └── 普通像素图层
└── 每个图层：独立的像素数据 + 蒙版

整个过程在浏览器本地内存中完成，文件不出本机，这也是在线预览工具"打开即看、看完即走"的底气所在。

三步预览 PSD 文件

1. 打开 PSD 预览器 工具。
2. 把 .psd 文件拖进页面（或点击选择文件），工具自动解析画布并渲染合成预览。
3. 左侧浏览图层列表，点击任意图层可单独查看；需要哪个图层或整张图，直接导出 PNG 下载。

无需注册登录，没有文件数量限制，几百 MB 的大文件也能在本地解析（取决于浏览器内存）。

在线预览能做什么

PSD 和常见图片格式有什么区别

维度	PSD	PNG	JPG
图层信息	完整保留	已合并	已合并
透明通道	支持	支持	不支持
可编辑性	高（需 PS）	低	无
压缩方式	无损（RLE）	无损	有损
典型用途	设计源文件	界面素材、透明图	照片、网页图

简单说：PSD 是"源文件"，PNG/JPG 是"成品图"。拿到 PSD 后用在线工具转出 PNG 交给同事、贴进文档，是最常见的用法。

在线预览的边界：能做什么、不能做什么

用在线预览器之前，先心里有数：它是查看器，不是 Photoshop 的替代品。

• 能做的：看完整合成效果、浏览图层结构、把单个图层或整图导出为 PNG、查看画布尺寸与颜色模式。
• 不能做的：编辑文字图层内容、修改图层像素、保存回 PSD 源文件、使用滤镜和混合选项等 PS 高级功能。

所以正确用法是：日常看稿、取图、快速核对用在线预览器；真要改设计，再把文件交给装了 Photoshop 的人。别指望一个网页工具完成全部 PS 功能，那样反而会误导判断。

打不开或显示异常的常见原因

• 文件损坏：传输中断或存储介质问题导致文件不完整，预览器会提示无法解析，让发送方重新导出。
• 后缀被改过：有些人把文件改名成 .psd 但内容不是 PSD 结构（比如其实是压缩包或 JPG），工具解析会失败。
• 超大文件：几个 GB 的 PSB 级大图在浏览器里解析可能内存不足，建议在 PS 中分层导出小图。
• CMYK 颜色偏色：印刷用途的 PSD 是 CMYK 模式，屏幕（RGB）上预览会有色差，属正常现象。

常见问题 FAQ