知乎說，我理解的網(wǎng)頁設(shè)計中的切圖，有三個境界：

1、能把所有設(shè)計稿里出現(xiàn)的圖形元素按照基礎(chǔ)要求切出來交給前端工程師。

2、對所有切圖進行優(yōu)化，有針對圖片輸出體積的優(yōu)化、有利用 CSS Sprite 減少請求的優(yōu)化、也有針對減少自己后期網(wǎng)站改版升級時候工作量的優(yōu)化。這部分已經(jīng)需要很多前段方面的知識了。要讓切圖也「語義化」必須得和前段配合得很好。

3、從超出「圖片」的角度思考并且實現(xiàn)更高階的效果，比如現(xiàn)在做網(wǎng)頁經(jīng)常需要考慮桌面和移動平臺的不同分辨率，使用 Responsive 的布局的話切圖應(yīng)該怎么切，是不是需要切兩套；遇到 iPad 或者 rMBP 的高清屏怎么處理網(wǎng)頁中的圖片以及背景；是否可以應(yīng)用一些新的技術(shù)比如 Web Font、Font Icon、CSS 3 里的新特性來減少網(wǎng)頁里的圖片等等。