切圖[修圖的方式]

切圖是指將設計稿切成便於製作成頁面的圖片，並完成html+css布局的靜態頁面，有利於互動，形成良好的視覺感。通俗來講，把一張設計圖利用到切片工具 把自己所需的切成一張張小圖，然後用DIV+CSS完成靜態頁面書寫，完成CSS布局。

切圖誤區

切圖[修圖的方式]

切圖大家都有個誤區，覺得切圖就是把圖片切出來，其實並不完全是這樣，首先處理的是什麼類型的頁面圖片型（EDM 或活動著陸頁等）、圖文型（入口網站或電商網站等）、界面型（Web App 等），把圖片切出來這個過程是叫切片。

第二個是體積，所以切圖時候一定注意少用圖片工具，採用div+css布局更能減小網頁體積是表現與內容分離。

切，代表前端！

切圖工具

主流是dreamweaver、photoshop軟體，還有sketch、firework等，低端QQ切圖，網頁切圖等。

切圖目的

為後端編程者帶來方便，提高效率，讓網頁稿有了互動性，實現你平時看到的各種各樣的功能。畫面瀏覽速度快，有利於最佳化。