根本原因在于:psd 文件比 png 图片文件更能转成 html
psd 文件具有详细的图层信息,这些都非常方便的转化成对应样式的 html 文件。可以这样说,只要有 psd,就能方便的转化为 html 文件。
基本上会用 photoshop 的人非常多,用其他的设计工具,如 Sketch 和 Axure 都可以做出类似的设计,但是都比不上 photoshop 对位图强大的处理能力。
psd 转 html 的关键所在,还是你的 css 水平,因为现在都非常强调能 “用 css 的地方,就不要使用图片”。
psd 转 html 的最终问题还是 css 的水平。
直接使用 PS 里的图层 css 样式拷贝出来的代码不完整,比如圆角写法应该要写成完整的,
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
通过软件 copy 出来的就只是
border-radius: 2px;
能不能达到效果,看你的 CSS3 水平吧,但是也不可能全部用代码代替的,和设计师本身对 CSS 的理解也息息相关。CSS3 加载肯定是优于图像的,它也具有矢量的特征,也存在不同浏览器的兼容问题(当然我不考虑 IE 的,兼容问题相对少,但是也存在)。可不可行,看你的水平。