濟南建網站中，網站存在可以使網站視覺得到一個很好的提升，可以增加網站用戶體驗度，可以提高用戶瀏覽網站的興趣，但是網站存在大量的網站產品廣告圖會影響網站的打開速度，增加網站頁面體積大小，那么我們應該怎么處理網站產品廣告圖才能保證既不影響網站的美觀度，有能夠讓網站打開速度做到最快呢，網站中存在網站產品廣告圖是必要的一個過程，網站網站產品廣告圖處理技巧上面每個網站建設人員都有自己不同的理念，我們根據不同的網站產品廣告圖類型，不同分析，總結出每種類型網站產品廣告圖處理的技巧有哪些。

 

濟南建網站中網站網站產品廣告圖處理技巧總結

 

一、網站中所有的背景圖都放在一張網站產品廣告圖上面，降低網站產品廣告圖加載時長，提高網站打開速度

 

一個網站中都會有各式各樣的背景網站產品廣告圖，比如網站圖標，欄目圖標，欄目背景圖等，都會多多少少的用到網站背景圖，在使用html語言進行網頁布局的時候，有兩種辦法可以把背景網站產品廣告圖顯示到網頁上面，一種是直接使用需要展示的網站產品廣告圖，然后通過background屬性顯示，另一種辦法是使用一個整張的大網站產品廣告圖，使用background的repeat屬性定位背景網站產品廣告圖的顯示位置。實際證明使用后者的方法顯示背景網站產品廣告圖可以有效的提高網站產品廣告圖加載速度，因為所有的背景網站產品廣告圖都是放在一張網站產品廣告圖上面，當網頁進行加載的時候，會一下全部加載完這張網站產品廣告圖，然后當再遇到使用這張網站產品廣告圖的時候，就無需重復加載，提高了網站產品廣告圖打開速度。下圖所表示的一張網站產品廣告圖上面放置了所有的網站所需網站產品廣告圖，然后可通過代碼background: url("image/bg.gif") no-repeat 10px 20px ;定位調用。

 

二、網站中的網站產品廣告圖盡量使用GIF格式的網站產品廣告圖，以降低網站產品廣告圖的體積大小

 

網站建設中最常見的網站產品廣告圖的格式可分為jpg、gif、png三種格式，其中gif格式是在所有網站產品廣告圖中體積最小的一種格式，因為gif格式的網站產品廣告圖是以265種色彩組成，是最符合網站網站產品廣告圖的一種格式，同樣一張網站產品廣告圖體積大小，gif格式要比其他兩種格式容量小80%左右，在保證網站產品廣告圖不失真的情況下，盡量使用gif格式的網站產品廣告圖，在Phtopshop中，可以使用ctrl+alt+shift組合鍵把任意格式的網站產品廣告圖儲存為gif格式網站產品廣告圖，其中 gif格式網站產品廣告圖屬性設置如下圖所示。

 

三、網站中存在jpg的網站產品廣告圖，需要在儲存jpg網站產品廣告圖的時候，選用品質高、格式基線已優化模式

 

在網頁切圖的過程中，如果必須使用jpg的網站產品廣告圖，如網站banner，網站廣告網站產品廣告圖這種高質量的網站產品廣告圖的網站產品廣告圖的時候，在儲存網站產品廣告圖的時候，我們要選擇品質高、格式基線已優化、分辨率72的選項，這兩種選擇可以在一定程度上減少JPG網站產品廣告圖格式的體積，做過平面設計的人員可能會知道對于印刷性的網站產品廣告圖應該選用品質最佳、格式基線標準、分辨率300的選項，因為只有這種選項才能保證在印刷的過程中不會出現網站產品廣告圖模糊的現象，不過我們做網頁的網站產品廣告圖不能使用這么高的配置，我們應該保證網站產品廣告圖不失真的前提下，做到網站產品廣告圖體積最小。

 

四、網站中存在png的網站產品廣告圖，如果png背景透明，應該加入防止IE6 png背景透明失效的JS代碼

 

有時候我們在進行網站建設中，面對比較絢麗的效果，會用到使用PNG格式的網站產品廣告圖，其實gif格式網站產品廣告圖也可以做到背景透明的效果，不過由于gif的色彩值的限制影響，像類似陰影效果的透明背景，gif就做不到了，只能通過png格式網站產品廣告圖做陰影透明的效果。在使用png作為透明背景網站產品廣告圖的時候，我們發現在IE6中，png透明的效果不顯示了，成了一些藍色的塊狀顯示，這時我們需要在網頁中加入防止IE6 png格式透明失效的JS代碼，具體代碼將在文章結束提供下載。

 

 

五、網站中相同背景的網站產品廣告圖，使用背景平鋪的方法顯示

 

在網站布局中，有些背景網站產品廣告圖在一個范圍內都是一樣的效果，比如網站的導航，欄目的導航等，這時我們可以使用背景網站產品廣告圖的平鋪方法進行顯示，把需要平鋪的背景網站產品廣告圖用photoshop切成寬度為1px的大小，然后使用background的repeat-x的方法，再設置上限定寬度的屬性，就可以讓該網站產品廣告圖在設定的范圍內達到橫向平鋪的效果，減少了網站加載網站產品廣告圖的速度，減少網站頁面打開時長。

 

六、網站中純色的背景網站產品廣告圖，應該使用CSS的方法控制，盡量減少網站產品廣告圖的使用

 

有一些純色的背景網站產品廣告圖，我們完全可以沒有必要使用網站產品廣告圖的方法進行顯示，使用css屬性也可以達到同樣的效果，畢竟CSS的加載速度要比網站產品廣告圖的加載速度要快很多的，還有像邊框之類也可以使用CSS的屬性，這樣也同樣可以提高網站的打開速度。