切图是网站制作过程中的一个专业术语、是前端工程师必备的一个基础技能，切图是将设计文稿转化为HTML的过程。
在网站制作的过程中，是指讲设计好的PSD文稿转化成html的原由网工作，利用DI//www.58yuanyou.comV+CSS将设计文稿以原由网网页的形式表现出来，切图的切指的是将设计文稿中的图片根据布局 的需要，利用Photoshop的切片工具将图像在文稿中分离出来，配合DIV+CSS完成静态页面的制作。
切图的误区
切图大家都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，切图中的切是将设将设计文稿中的图片根据布局的需要，利用切片工具将图像在文稿中分离出来。
早期的网OZVfyS页布局大部分采用table布局，代码繁琐不利于管理，DIV+CSS可以做到框架和表现分离，容易修改而且，页面体积较小，所以我们文汇传媒作为一家专业的公司，在给客户做网站的时候切图主要以DIV+CSS为主。
那么我们为什么要进行切图呢？
切图是为了让设计文稿转化成为浏览器能够识别的HTML页面，提高页面的加载速度。
切图的优势
第一个做到图文分离，文字和图片分开用户可以自主选择网页原由网中的图片和文字。
第二可以增加交互性效果，页面中增加js代码会让页面产生动感效果。
切图的工具
切图常用的工具是Photoshop 和 Fireworks 配合Dreamweaver完成DIV+CSS的布局。
