切图是设计师交付给开发人员的产物之一。在设计稿完成后，设计师需要把它切成可以很容易地做成页面的图片。切图是指将设计稿切割成便于制作成页面的图片，并完成HTML + CSS布局的静态页面。

[图片0]

设计中的切图是什么

切图是设计师交付给开发人员的产物之一。在设计稿完成后，设计师需要把它切成可以很容易地做成页面的图片。切图是指将设计稿切割成便于制作成页面的图片，并完成HTML + CSS布局的静态页面。

通俗来讲，就是利用切片工具把自己需要的图片切成一张张小图，然后用DIV+CSS完成静态页面编写，完成CSS布局。

切图的目的:第一个是让网页稿具有交互性，实现平时看到的各种功能。第二个是优化体积。在切图的时候一定要注意少使用图片工具，现在主流是Dreamweaver，使用DIV + CSS布局可以减少网页体积，也有一些公司自己开发平台进行制作。

2.切图的作用

有利于优化图片输出体积;有利于优化CSS Sprite减少请求，也有利于优化减少自己后期网站改版升级时候工作量。这部分需要很多前端方面的知识。

考虑超越“图片”的角度思考并且实现更高阶的效果。例如，需要考虑PC端和移动端不同的分辨率;使用 Responsive 的布局的话切图应该怎么切;是否有必要切割两套;当遇到iPad或RMBP高清屏幕时，如何处理网页中的图片和背景;否可以应用一些新技术，如Web字体、字体图标、css3中的新功能来减少网页中的图像数量等。