首先要說(shuō)明一下，本文并不适合網站(zhàn)設計(jì)初學者閱讀(dú)，因爲深圳網絡公司【創絡】原則上不會在這裡(lǐ)向大(dà)家傳遞任何技術(shù)手法，我們隻是分(fēn)享經驗。本文不會告訴大(dà)家如(rú)何去(qù)設計(jì)網站(zhàn)圖片才更加漂亮，而是要告訴大(dà)家網站(zhàn)上的圖片要如(rú)何去(qù)處理(lǐ)。例如(rú)：如(rú)何盡量減少網站(zhàn)上的圖片、圖片的格式控制以及網站(zhàn)上圖片如(rú)何命名。對于已經有一些技術(shù)基礎的朋友，本文會告訴你(nǐ)一些網站(zhàn)建設公司内部的手法，有可(kě)能和學校(xiào)裡(lǐ)學到的不一樣，卻更加實用，讓你(nǐ)更加接近網站(zhàn)設計(jì)高手的水平。
網站(zhàn)量身(shēn)定制的開發步驟是：PS設計(jì)效果圖、切圖、DIV+CSS、程序。對于圖片的應用，最爲關鍵的就(jiù)是在切圖和DIV+CSS這兩個步驟。首先要告訴大(dà)家一個原則：能不用圖片的地方就(jiù)不要用圖片，能用小圖片的地方絕對不用大(dà)圖片。例如(rú)那些一整塊區域都(dōu)是同一個顔色的時候，我們就(jiù)可(kě)以使用CSS定義的方式來(lái)設定顔色，如(rú)果是漸變的顔色，也可(kě)以考慮使用1像素圖片重複的方式來(lái)填充。直接使用圖片做背景不但(dàn)會讓網站(zhàn)服務器響應過多的請(qǐng)求，更加會讓網站(zhàn)加載的速度變慢(màn)，靈活的運用background的repeat屬性會讓網站(zhàn)的性能得(de)到大(dà)幅度提升。
以前有一個叫做ImageReady的軟件(jiàn)，專門(mén)用來(lái)切圖，現在最新版的PS CS5中已經完全集成了這個功能。不過在使用的時候，創絡建議(yì)盡量将網站(zhàn)固有的圖片（即：後期不會讓網站(zhàn)管理(lǐ)員(yuán)在後台更換的圖片）均保存爲GIF格式，通常IR軟件(jiàn)在導出的時候，都(dōu)是優化過圖片大(dà)小的。而後期網站(zhàn)上傳的照(zhào)片可(kě)以使用JPG格式，按鈕等透明背景的圖片則應使用PNG格式（PNG注意IE6的兼容性，如(rú)果色數較少也可(kě)以使用GIF格式），如(rú)果技術(shù)條件(jiàn)成熟的話(huà)，可(kě)以将網站(zhàn)後台上傳的圖片進行自(zì)動等比例壓縮，以期在獲得(de)最佳顯示尺寸的同時還(hái)有最佳的圖片加載速度。
至于網站(zhàn)圖片的命名就(jiù)是一個經驗問(wèn)題了，如(rú)果有人(rén)給你(nǐ)傳過來(lái)一份DIV+CSS文檔，而其中的圖片命名都(dōu)是index_01這種格式，那麽這個人(rén)就(jiù)有可(kě)能是新手，缺乏一定的團隊合作(zuò)經驗。深圳網站(zhàn)建設公司創絡科(kē)技建議(yì)大(dà)家在寫DIV+CSS的時候，圖片命名規則盡量要一目了然，而且要有意義，例如(rú)：menu_bg.jpg表示菜單背景圖片，使用這樣的方式命名，和你(nǐ)搭檔的夥伴肯定會感激你(nǐ)的。
