切圖是指將設計稿切成便於製作成頁面的圖片，並完成html+css布局的靜態頁面，有利於互動，形成良好的視覺感。通俗來講，把一張設計圖利用到切片工具 把自己所需的切成一張張小圖，然後用DIV+CSS完成靜態頁面書寫，完成CSS布局。
基本介紹
- 中文名：切圖
- 外文名：firework
- 目的：畫面瀏覽速度快，有利於最佳化。
- 定義：有利於互動，形成良好的視覺感。
- 常用工具：Photoshop
切圖誤區,切圖工具,切圖目的,
切圖誤區
切圖大家都有個誤區，覺得切圖就是把圖片切出來，其實並不完全是這樣，首先處理的是什麼類型的頁面圖片型（EDM 或活動著陸頁等）、圖文型（入口網站或電商網站等）、界面型（Web App 等），把圖片切出來這個過程是叫切片。
第二個是體積，所以切圖時候一定注意少用圖片工具，採用div+css布局更能減小網頁體積是表現與內容分離。
切，代表前端！
切圖工具
主流是dreamweaver、photoshop軟體，還有sketch、firework等，低端QQ切圖，網頁切圖等。
切圖目的
為後端編程者帶來方便，提高效率，讓網頁稿有了互動性，實現你平時看到的各種各樣的功能。畫面瀏覽速度快，有利於最佳化。
