完美網(wǎng)站制作切圖重在技巧

，其中，切圖雖然是很簡單的一個步驟，但其中也有很多技巧，以下是成都網(wǎng)站設(shè)計創(chuàng)新互聯(lián)設(shè)計師總結(jié)出來的幾點： 　　創(chuàng)新互聯(lián)人說，總體上，把握一個原則，能用css寫的，堅決不要用圖片。經(jīng)驗告訴我們，首頁圖片很多的網(wǎng)站打開會很慢，一是因為圖片多，需要下載的文件體積就增大，二是每一個圖片下載都會對服務(wù)器有一個請求，增大了瀏覽器與服務(wù)端的交互次數(shù)，如果能把純色的部分用css來寫，而不因為省事直接切圖，就會極大提高網(wǎng)站的運行效率，我最早開始學(xué)習(xí)制作網(wǎng)站時，就想當(dāng)然的認(rèn)為怎么樣能加快制作速度就怎么來，于是把一個導(dǎo)航條的背景直接切成圖片，后來老板看到我寫的html代碼，告訴我不能這么干，用div定義好寬和高設(shè)置背景色和邊框，一行代碼就搞定。如果遇到有漸變色的背景，可以沿著與漸變色相同方向切一個像素的條紋，用css中background的repeat-x或repeat-y

來自動填充。

成都網(wǎng)站設(shè)計-----導(dǎo)航欄效果圖　　對于有圓角的導(dǎo)航條圖片，可以將兩邊的圓角部分單獨切出來，中間如果有漸變色，也是只切一個像素的條紋，切出來的三個條紋可以合并到一張圖片里(上、中、下)，使網(wǎng)頁中使用的時候用css中的positon

屬性來定位圖片出現(xiàn)的位置?！　≡谇懈钚Ч麍D的過程中，對于圖片的保存格式也有講究，一般來說，用圖像工具(如photoshop)制作的色彩絢麗的按鈕或圖標(biāo)一般都存成png格式，而用相機(jī)拍攝的風(fēng)景或人物、物體圖像多用jpg格式保存，gif一般用來存儲含有簡單動畫效果的圖像，另外需要注意一點的是，如果圖片中使用了透明效果，要存儲成png-的格式，png的其他格式要么不支持透明，要么保存時文件要大很多，png-是”性價比”

高的?！　〕啥季W(wǎng)站設(shè)計-----一般用png

格式　　對于用作背景或襯托效果的顏色較多的圖片，保存圖片時盡可能從清晰度和圖片大小中找到一個平衡，既保證圖片盡可能小又不失真，這點就要憑個人經(jīng)驗了，因為每個人的標(biāo)準(zhǔn)不同，千萬不能不壓縮圖片直接放上去，然后靠idth和height來進(jìn)行限制，這樣做是自欺欺人，瀏覽器會先把大圖片下載到本地，然后用樣式強(qiáng)制將它壓縮，顯示不但不會更清楚，反而會失真，曾經(jīng)我就遇到過有個網(wǎng)站首頁都打開了，唯有一個局部是個空白的方形，過了好幾秒才加載出來一張圖片，好奇的下載了這張圖片，竟然有M多……

這一點不光是首頁切圖，在網(wǎng)站的內(nèi)容上傳時也要養(yǎng)成良好的習(xí)慣，特別是新聞的配圖，現(xiàn)在的相機(jī)效果越來越好，拍出來的圖片動不動好幾兆，一定要對圖片尺寸進(jìn)行處理后再上傳，一般處理圖片的寬度為-像素之間，高度自動等比例即可。　　成都網(wǎng)站設(shè)計創(chuàng)新互聯(lián)小結(jié)：切好圖片命名也要養(yǎng)成良好的習(xí)慣，的命名習(xí)慣就是見名知意，我見多數(shù)網(wǎng)站的圖片使用切圖工具軟件批量切割的，命名很不規(guī)范，比如index_、index_

文章題目：完美網(wǎng)站制作切圖重在技巧
標(biāo)題鏈接：http://muchs.cn/news/188204.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)