网页设计好后的切图是什么意思呢
网页设计好后的切图是将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具,把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。
设计好的网页都需要切图,主流的是dreamweaver、photoshop软件,还有sketch、firework等,低端QQ切图,网页切图等。切图为后端编程者带来方便,提高效率,让网页稿有了交互性,实现平时看到的各种各样的功能,画面浏览速度快,有利于优化。
扩展资料:
一般我们从设计师那得到的都是psd文件,里面有几十或者上百个图层,一般会根据内容分好文件夹,有文字有图片,有的只在特殊情况下显示的,这时候就需要根据自己的需要导出不同的图。
切图的时候也会有许多考虑,比如把哪些内容压缩成一张图片,什么时候用透明背景PNG,什么时候用CSS Sprite(把琐碎的小图比如按钮、logo复制到一张透明背景的图上然后保存为一张图,再用background position去提取。)文字是切成图片,还是复制到HTML里。
一般情况下都不会把文字切成图,除非用到比较特殊的字体或者变形等等,然后即使是photoshop保存为web格式导出的图,有时候尺寸也是很大的,特别是PNG,这时要使用一些专业压缩工具进行二次压缩。
当然有些有前端经验的设计师会把切好的图片发给你,这样就可以直接开始写HTML和CSS了,但是建议还是尽量自己切,掌握熟练的切图技巧也是一个前端应该有的技能。
百度百科-切图
百度百科-静态页切图