html切圖是指將設計好的PSD文稿轉換成html的工作，利用DIV CSS將設計文稿以網頁的形式表現出來；切圖的「切」指的是將設計文稿中的圖片依照版面的需要，利用ps的切片工具將圖片在文稿中分離出來，配合DIV CSS完成靜態頁面的製作。
本文操作環境：windows7系統、HTML5&&CSS3版，DELL G3電腦。
在網站製作的過程中，切圖是指將設計好的PSD文稿轉化成html的工作，利用DIV CSS將設計文稿以網頁的形式表現出來，切圖的切指的是將設計文稿中的圖片根據佈局的需要，利用Photoshop的切片工具將圖像在文稿中分離出來，配合DIV CSS完成靜態頁面的製作。
切圖大家都有個誤區，覺得切圖就是把圖片切出來，其實不完全是這樣，首先處理的是什麼類型的頁面圖片型（EDM 或活動登陸頁等）、圖文型（入口網站或電商網站等）、介面型（Web App 等），把圖片切出來這個過程是叫切片。
第二個是體積，所以切圖時候一定注意少用圖片工具，採用div css佈局更能減少網頁體積是表現與內容分離。
切，代表前端！
切圖工具
主流是dreamweaver、photoshop軟體，還有sketch、firework等，低階QQ切圖，網頁切圖等。
切圖目的
為前端程式設計者帶來方便，提高效率，讓網頁稿有了互動性，實現你平常看到的各種各樣的功能。畫面瀏覽速度快，有利於優化。
更多詳細的HTML/css知識，請造訪HTML影片教學欄位！
以上是html切圖是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
