快速提示：使用项目冻干将Photoshop文件转换为代码-优快云博客

Project Parfait是Adobe的一个新工具，目前处于测试阶段，它使您可以直接在浏览器中打开任何PSD，以从中提取CSS，文本和图像资产。目前，它只能在Chrome上运行，但是Adobe计划随着开发的进行在所有浏览器中推出它。

在Parfait项目中打开PSD非常容易。只需转到https://projectparfait.adobe.com/ ，然后点击右上角的蓝色大按钮“ 上传您自己的PSD” ：

然后，使用Adobe ID登录后，将PSD拖放到空白面板区域，它将为您上传：

上传完成后，您可以单击PSD的缩略图，它将在Project Parfait中为您打开：

要为设计中的任何元素生成CSS，只需单击将其选中，然后相关的代码将显示在右侧栏中的CSS Inspector字段中。在这里，您可以突出显示并复制所需代码的元素，或单击全部复制按钮：

或者，选中元素后，将出现一个蓝色的标注，您可以在其上单击“ 复制CSS”链接直接获取所有代码：

单击元素时，出现的蓝色标注也可以用于通过单击“ 复制文本”链接轻松地从PSD复制文本内容：

通过Project Parfait导出图像也很简单。首先选择要导出的图像。如果包含多个图层，请按住Shift键 ，然后单击每个图层以进行多选。然后单击蓝色标注上的向下箭头，您将看到一个另存为框，您可以在其中输入首选的图像名称，格式和质量设置：

保存图像后，它将显示在右侧栏的“ 资产”选项卡中，您可以从此处单击图像以下载它：

项目Parfait beta刚出炉，还只有一个月的时间，因此目前尚不支持CSS生成的某些方面。但是，根据Project Parfait论坛的成员所说，更新速度已经非常快了，所以我猜Adobe团队已经在这些领域上工作了，我们可以假设许多改进正在进行中。

当前，通过为背景色设置RGBA值来处理应用于图层的不透明度设置。背景颜色的Alpha通道用于设置不透明度，而不是为整个元素输出的实际不透明度值，这意味着边框，阴影等将不受影响。
似乎还无法检测到多个阴影。如果您有投影，它将被拾取，但是插图/内部阴影将被忽略。
未检测到阴影的不透明度设置。代替RGBA值，您将通过十六进制代码获得平坦的阴影颜色。
由于没有检测到图案叠加层，因此您还没有真正的方法来提取平铺背景图像，也无法选择要导出为图像的特定区域。
未检测到通过图层样式设置的边框。但是，会拾取通过“ 活动形状”属性设置的边界。
生成渐变时，未设置background-color属性为不支持CSS渐变的浏览器提供后备功能。