網站建設和網頁制作雖然工作量很大，內容比較多，但是基本可以把網頁制作的工作分為以下3個步驟，第一是設計出網頁效果圖，第二是切圖，同時制作出靜態的頁面模板，第三也就是最后嵌套到CMS。這3步里，切圖雖說是不復雜，但是切圖也有一些小竅門可以借用，杭州網頁設計在這里為大家總結出以下幾點。

????? 首先，杭州網頁設計提醒大家要把握一個大原則，怎么建設管理網站那 就是可以用css寫出來的，就完全沒必要使用圖片。這是因為網頁的圖片多，瀏覽器打開網頁時就需要下載這些圖片，導致網頁打開速度減慢，對于瀏覽者而言， 這無疑是很讓人厭煩的。而且圖片每一次的下載都必須向服務器發出請求，圖片多的話，無形中就增多了網站服務器的工作量。這種情況下，與圖片相比，css就 能極大地降低服務端的負荷，提高網站運行效率。

?????? 為了幫助新手站長理解，杭州網頁設計在這里舉個例子，比如導航條的背景，省事的作法是直接使用圖片，但是對于網站運行而言，最優的方法是用div定義長 度，將邊框和背景色使用代碼設置出來。如果背景是漸變色，可以使用css中的背景屬性background，首先選取在漸變方向上切一道條紋，大小為一個 像素即可，然后用repeat算法填充即可。

????? 然后在做導航欄的效果圖中，需要注意到圖片的保存格式，通常photoshop這之類的圖像處理工具所制作出來的按鈕、圖標，用png格式保存，相機拍攝 的圖像為jpg格式，如果圖像具有動畫效果，則用gif。杭州網頁設計提醒大家注意，圖片若采用了透明效果，那么就需要保存為png-8格式，因為png 的其他格式，或者沒法運用透明效果，或者文件體積太大，唯獨只有png-8是最佳選擇。

????? 另外還需要注意的就是切圖的命名習慣，杭州網頁設計建議，使用見名知意的名稱來保存已經切好的圖片，有些網站為了方面使用切圖軟件對圖片進行批量切割，所 保存的命名往往是有規則可是毫無意義的。因為在網站改版或者維護時，網站圖片如果需要更換的話，技術人員需要查看圖片地址，就只能一個一個在瀏覽器中點擊 右鍵查看，圖片名稱如果沒有不規范，無形中就加大了技術人員的工作量，而這些在切圖時就可以避免。

??????以上便是杭州網頁設計為廣大站長朋友和網站建設的技術人員所總結的有關網站切圖的技巧，希望對大家有幫助。