萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML減少圖像的顏色數

HTML減少圖像的顏色數

   要減少圖像的大小以縮短下載時間,最有效的方法之一是減少圖像中使用的顏色數。這可能極大地降低有些照片圖像的質量,但非常適合於大多數橫幅、按鈕和其他圖標。

  在Paint Shop Pro中,可以通過選擇Image/Decrease Color Depth,然後選擇一個具體的減少顏色選項(大多數圖像編輯軟件都有類似的選項)。如果圖像的顏色很少,就選擇16 Color Palette;如果圖像的顏色很多(或圖像使用16色的效果不好),則選擇256 Color Paletter。程序將根據圖像的顏色范圍自動找到最適合的16色或256色調色板。

  注意:如果圖像只使用了兩三種顏色,將其保存前仍應該選擇Image/Decrease Color Depth /16 Color Palette。否則,圖像文件將保留許多顏色——即使實際使用的顏色很少,從而浪費空間。

  減少圖像的顏色數時,將看到一個包含很多選項的對話框(見圖7.10)。對於網頁圖像,通常選擇單選按鈕Optimized Octree和Nearest color。對話框右邊的所有選項都不要選擇,這些選項對圖像的質量幾乎沒有什麼改進。

  提示:仿色(在Paint Shop Pro也稱為誤差擴散)是圖像編輯軟件使用的一種技術,通過交替顯示兩種顏色接近的像素來模擬調色板中沒有的顏色。例如,交替顯示紅色和白色像素來模擬粉紅色。在有些情況下,仿色可使圖像的質量看起來更好,但通常網頁圖像應避免仿色。為什麼?因為仿色極大地增加了圖像的信息復雜度,通常使圖像文件更大、下載起來更慢。

HTML減少圖像的顏色數 三聯

  圖7.10

  減少圖像的顏色數可以顯著地降低文件大小,且對圖像外觀不會有太大的改變

  有一種特殊的圖像文件格式,其顏色只有有限的幾種,這就是可交換的圖像文格式(Graphics Interchange Format,GIF)。要在Paint Shop Pro中保存GIF圖像,選擇File/Save As,然後選擇GIF CompuServe Graphics Interchange作為圖像類型。GIF圖像格式是為包含純色區域的圖像設計的,如網頁標題和其他插圖圖像,並不適合用於照片。

  比GIF圖像格式更好的一種格式是PNG,現在所有主要的網頁浏覽器都支持這種格式。GIF圖像格式允許指定一種透明顏色,即網頁的背景將透過圖像的這些區域顯示出來。然而,PNG允許指定不同的透明度,而不只是一種透明顏色。在Paint Shop Pro中選擇“PNG Portable Network Graphics”圖像類型將圖像保存為PNG圖像。建議對這兩種格式都試一試。在第9章,將演示為什麼將透明圖像放在網頁中時PNG格式的這種高級透明特性勝過GIF的透明度。

copyright © 萬盛學電腦網 all rights reserved