切圖是網站製作過程中的一箇專業術語，是前端工程師必備的一箇基礎技能。
切圖是指將設計稿切割成便於製作成頁面的圖片，並利用這些圖片完成html和css佈局的靜態頁面。通俗來講，就是把一張設計圖利用切片工具把自己所需的切成一張張小圖，然後用DIV加CSS完成靜態頁面書寫，完成CSS佈局。這個過程不僅包括將圖片切出來，更重要的是將設計文稿中的圖片根據佈局的需要，利用Photoshop的切片工具將圖像在文稿中分離出來，配合DIV加CSS完成靜態頁面的製作。切圖的目的主要是爲了減小圖片大小，以便更快地加載，提升用戶體驗，同時也爲了適配不同屏幕大小。