将PSD切片到CSS + HTML输出的好工具[关闭]

Posted 2023-02-23

技术标签:

【中文标题】将PSD切片到CSS + HTML输出的好工具[关闭]【英文标题】：good tool to slice PSD to CSS+HTML output [closed] 【发布时间】：2012-05-05 10:00:23 【问题描述】：

是否有任何工具可以对生成 CSS+html 的 PSD 设计进行切片（不是很好，但作为一个起点）。我听说 Photoshop 有一些所见即所得的编辑器，可以在切片 PSD 上生成 CSS+HTML 输出，但没有找到任何东西。或者是否有任何好的教程可以帮助我作为开发人员处理这种棘手的 css 情况（作为渐变 div 背景和阴影添加而没有不受支持的 css3）。抱歉问了这么愚蠢的问题，但作为开发人员，我真的很纠结这个“设计”。

【问题讨论】：

【参考方案1】：

我使用 psd2cssonline.com - 您可以免费创建基本的 html/css，如果您想要更复杂的 css，您可以订阅 pro 服务。两个版本都很棒——它真的帮助我学习了 CSS。基本上，在 Photoshop 中，您可以根据您希望每个图层的类型（背景、文本字段、页脚、翻转、图像等）为您的 psd 图层命名，然后将其上传到网站，预览并下载输出。

【讨论】：

【参考方案2】：

是的，有很多教程，但首先可以看看这些：

http://www.1stwebdesigner.com/freebies/psd-htmlcss-conversion-tutorials/

http://www.ehow.com/how_8391171_export-psd-css.html

http://www.warriorforum.com/website-design/199348-best-psd-html-tool.html

希望这会有所帮助。

【讨论】：

【参考方案3】：

我的公司制作了一个名为 SiteGrinder 的 Photoshop 插件，它将 Photoshop 设计转换为成品网站或 WordPress 主题。 http://www.medialab.com

您还可以将 .psd 发送到许多切片服务。

【讨论】：