网页设计切图有什么作用

普通我们从设计师那失掉的都是psd文件，外面有几十或许上百个图层（普通会依据内容分好文件夹），有文字有图片，有的只在特殊状况下显示的（比如鼠标划过），这时分就需求依据自己的需求导出不同的图。

切图的时分也会有许多思索，比如把哪些内容紧缩成一张图片，什么时分用透明背景（PNG），什么时分用CSS Sprite（把琐碎的小图比如按钮、logo复制到一张透明背景的图上然后保管为一张图，再用background position去提取。）文字是切成图片，还是复制到HTML里。（普通状况下都不会把文字切成图，除非用到比拟特殊的字体或许变形。）等等吗。然后即使是用photoshop保管为web格式导出的图，有时分尺寸也是很大的（特别是PNG），这时要运用一些专业紧缩工具停止二次紧缩。

当然有些有前端阅历的设计师会把切好的图片发给你，这样就可以直接末尾写HTML和CSS了，但是我建议还是尽量自己切，掌握熟练的切图技巧也是一个前端应该有的技艺。