切图是指将设计稿切成便于制作成页面的图片。切图用于完成html+css布局的
静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张
设计图利用到
切片工具 把自己所需的切成一张张小图,然后
前端开发用DIV+
CSS完成静态页面书写,完成CSS布局。
切图大家都有个误区,觉得切图就是把图片切出来,其实并不完全是这样,首先处理的是什么类型的页面图片型(EDM 或活动
着陆页等)、图文型(门户网站或
电商网站等)、界面型(Web App 等),把图片切出来这个过程是叫切片。
第二个是体积,所以切图时候一定注意少用图片工具,采用
div+css布局更能减小网页体积是表现与内容分离。
为前端编程者带来方便,提高效率,让网页稿有了
交互性,实现你平时看到的各种各样的功能。画面浏览速度快,有利于优化。