把psd转成html css 就只能人工一个字符一个字符的输入吗

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 4008 天前的主题，其中的信息可能已经有所发展或是发生改变。

有没有什么工具可以自动把psd 转成 css？
现在拿到一个设计图先要写html，css、在ps内把部分图形切下来，填到一个一个css内做背景，要调整位置、大小、要计算间距、还要想各种css如何命名，真是太麻烦了！

CSS

psd

HTML

14 条回复 • 1970-01-01 08:00:00 +08:00

Livid

MOD

2013-12-11 00:23:38 +08:00

https://creative.adobe.com/products/muse

Kaiyuan

2013-12-11 04:11:42 +08:00

@Livid 我一直好奇这种软件出来的代码阅读起来是怎样，因为以前 Dreamweaver 做网页，出来的代码惨不忍睹，然后就学手写，直到现在都不太相信这类软件。

passluo

2013-12-11 04:31:36 +08:00

@Kaiyuan muse 比 Dreamweaver 自动生成（拖拽式coding）好一点，但依然惨不忍睹…

loading

2013-12-11 07:29:18 +08:00 via iPhone

如果效果好，前端大部分失业。

aisin

2013-12-11 08:01:44 +08:00

@loading 就是,不然要我们前端干啥

guchengf

2013-12-11 08:09:53 +08:00 via Android

psd to html 应该叫切图师吧，哈哈

alay9999

2013-12-11 08:30:23 +08:00

PS 切片可以输出 HTML + CSS ，不过也不好用，还是手写的舒服，每个细节都自己处理。

因为每个位置都可能有多种处理方式，只有手工才能选择最让自己满意的方式

kevinkim

2013-12-11 08:48:40 +08:00

@Kaiyuan 好厉害，不懂手写的时候就能看出代码惨不忍睹。

我是是因为那时候流行TABLE排版才用的DW，但后来发现不懂代码要修改稍复杂一些的就根本无法完成，之后才去学手写来着。

对于工具，我个人觉得是，既存在则合理，LZ明显是不懂得手写的，但如需要快速成型，无疑使用这种工具会方便且现实得多，至于代码质量，就以LZ现阶段是完全没必要考虑的。

Kaiyuan

2013-12-11 09:15:41 +08:00

@kevinkim - -' 「惨不忍睹」最直接的表现就是，没有规律缩进，没正常的换行，几乎不能再代码中找到对应得「位置」，这不懂 HTML 都知道，而且，没手写代码不是说不懂 HTML 和 CSS，而是因为不熟练而不手写！

这类软件快速创建代码的软件，自己用着算可以，工作中如果直接用会增加别人的工作量，还不如给张图前端写一个来得简单快捷。

subpo

2013-12-11 09:34:37 +08:00

不是「只能」，是「必须」

subpo

2013-12-11 09:36:03 +08:00

@aisin 你们前端就会切个图，就算现在不事业，过几年也要失业
@loading

aisin

2013-12-11 09:43:44 +08:00

@subpo 这个没啥好讨论的了，因为讨论已经够多了 http://www.v2ex.com/t/91574

loading

2013-12-11 10:21:27 +08:00 via iPhone

@subpo
@aisin
那个“我们”拉我下水了，

我是重后端的全端攻城狮，我不负责切图这些低端工作的。

aisin

2013-12-11 11:12:36 +08:00

@loading 好吧，我很后悔回复了这个贴子