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

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

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

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

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

??????以上便是杭州網(wǎng)頁設(shè)計(jì)為廣大站長朋友和網(wǎng)站建設(shè)的技術(shù)人員所總結(jié)的有關(guān)網(wǎng)站切圖的技巧，希望對大家有幫助。