切圖也確實是很重要的一環.作為一名前端開發工程師，做好繁複的技術工作同時，切圖這個小技能也不能掉以輕心。接下來，千鋒上為大家科普一下切圖在前端開發中的重要性。

　　首先，什麼是切圖呢?通俗的說，切圖就是把設計稿切成一片片的，然後前端工程師運用DIV+CSS功能，最大限度的還原設計圖，也就是要把零碎的圖片整合成一張完整的圖片。那為什麼要切圖呢?這是因為一張完整的設計稿是由不同的元素組成的，比如Logo、背景圖、圖示、文字等等。而部分元素，前端工程師是無法使用程式碼實現效果的，因此，需要將其單獨切出來使用。

　　可以看出，切圖是實際開發過程中不可或缺的一步，切圖資源的輸出將直接決定產品最終的效果。有的公司UI設計師會把需要的圖切好，更多時候是需要前端工程師自己來切。如果你不會切圖而每次都要依賴UI設計師，當UI設計師比較忙或者不在時，那麼前端工作就會停滯不前。所以，技多不壓身，掌握切圖技能還是很有必要的。

　　有時，前端工程師在寫前端頁面的時候會遇到CSS精靈圖，如果自己不會切圖而求助其他人，不僅會很尷尬，計算起來也會麻煩很多。