网页设计切图有什么作用

作者 : phpacg 本文共416个字,预计阅读时间需要2分钟 发布时间: 2018-04-24 共271人阅读

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

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

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

常见问题FAQ

发表评论

提供最优质的资源集合

立即查看 了解详情