​根本原因在于：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的，兼容问题相对少，但是也存在）。可不可行，看你的水平。​​​​