我知道这个问题已经很老了,但我想发布这个答案,希望它能帮助其他人寻找答案。这是我在寻找解决方案时出现的热门帖子之一。
Adobe 有一个名为 Creative Cloud Extract 的免费网络应用程序,可让您以只读方式访问 PSD。单击此处以了解有关您可以做什么以及如何使用它的更多信息。如果您还没有 Adobe ID,则只需注册一个免费的 Adobe ID。
Creative Cloud Extract 是 Creative Cloud Assets 中的一项免费新功能,可帮助您直接在浏览器中探索 PSD,包括图层和图层合成。它特别有利于网页设计师和开发人员,他们可以共享 PSD、解锁设计信息和下载可用于生产的资产。使用 Extract,您可以在浏览器中对 PSD 文件执行以下操作:
- 复制文本和 CSS
- 获取颜色、渐变和字体信息
- 测量元素之间的距离
- 保存优化的图像资源以供生产
我认为这是在使用 Adobe 的一种付费产品之外查看 PSD 的最可靠方法。正如其他人所提到的,第三方程序可能无法正确打开 PSD 文件。由于它是 Adobe 的官方产品,而且 Adobe 在创建 Extract 时考虑到了开发人员,因此我可以合理地确定它将与从 Photoshop 创建的任何 PSD 完全兼容。
一个更好的选择是Brackets,一个开源代码编辑器。最新版本实际上带有内置于编辑器中的 Extract 的预览版。我发现的最酷的功能之一是您可以打开一个 PSD,并在输入 CSS 代码时,它会根据当前选择的图层为您提供提示。您还可以选择带有图像的图层或一组图层,一旦您在预期图像路径的位置(例如img 元素的 src 属性)。