首先要說明一下，本文并不適合網(wǎng)站設(shè)計初學(xué)者閱讀，因為深圳網(wǎng)絡(luò)公司【創(chuàng)絡(luò)】原則上不會在這里向大家傳遞任何技術(shù)手法，我們只是分享經(jīng)驗。本文不會告訴大家如何去設(shè)計網(wǎng)站圖片才更加漂亮，而是要告訴大家網(wǎng)站上的圖片要如何去處理。例如：如何盡量減少網(wǎng)站上的圖片、圖片的格式控制以及網(wǎng)站上圖片如何命名。對于已經(jīng)有一些技術(shù)基礎(chǔ)的朋友，本文會告訴你一些網(wǎng)站建設(shè)公司內(nèi)部的手法，有可能和學(xué)校里學(xué)到的不一樣，卻更加實用，讓你更加接近網(wǎng)站設(shè)計高手的水平。

網(wǎng)站量身定制的開發(fā)步驟是：PS設(shè)計效果圖、切圖、DIV+CSS、程序。對于圖片的應(yīng)用，最為關(guān)鍵的就是在切圖和DIV+CSS這兩個步驟。首先要告訴大家一個原則：能不用圖片的地方就不要用圖片，能用小圖片的地方絕對不用大圖片。例如那些一整塊區(qū)域都是同一個顏色的時候，我們就可以使用CSS定義的方式來設(shè)定顏色，如果是漸變的顏色，也可以考慮使用1像素圖片重復(fù)的方式來填充。直接使用圖片做背景不但會讓網(wǎng)站服務(wù)器響應(yīng)過多的請求，更加會讓網(wǎng)站加載的速度變慢，靈活的運用background的repeat屬性會讓網(wǎng)站的性能得到大幅度提升。

以前有一個叫做ImageReady的軟件，專門用來切圖，現(xiàn)在最新版的PS CS5中已經(jīng)完全集成了這個功能。不過在使用的時候，創(chuàng)絡(luò)建議盡量將網(wǎng)站固有的圖片（即：后期不會讓網(wǎng)站管理員在后臺更換的圖片）均保存為GIF格式，通常IR軟件在導(dǎo)出的時候，都是優(yōu)化過圖片大小的。而后期網(wǎng)站上傳的照片可以使用JPG格式，按鈕等透明背景的圖片則應(yīng)使用PNG格式（PNG注意IE6的兼容性，如果色數(shù)較少也可以使用GIF格式），如果技術(shù)條件成熟的話，可以將網(wǎng)站后臺上傳的圖片進行自動等比例壓縮，以期在獲得最佳顯示尺寸的同時還有最佳的圖片加載速度。

至于網(wǎng)站圖片的命名就是一個經(jīng)驗問題了，如果有人給你傳過來一份DIV+CSS文檔，而其中的圖片命名都是index_01這種格式，那么這個人就有可能是新手，缺乏一定的團隊合作經(jīng)驗。深圳網(wǎng)站建設(shè)公司創(chuàng)絡(luò)科技建議大家在寫DIV+CSS的時候，圖片命名規(guī)則盡量要一目了然，而且要有意義，例如：menu_bg.jpg表示菜單背景圖片，使用這樣的方式命名，和你搭檔的伙伴肯定會感激你的。