DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 網頁圖片格式PNG,JPG,GIF如何選擇使用
網頁圖片格式PNG,JPG,GIF如何選擇使用
編輯:HTML和Xhtml     

那麼到底在GIF,PNG,JPG這些格式我們要選擇哪一種作為候選格式,而哪種圖片格式可以讓圖片更小,卻擁有更好的圖片質量呢?

1.圖片格式

GIF

GIF最突出的地方就是他支持動畫,同時GIF也是一種無損的圖片格式,也就是說你在修改圖片之後,圖片質量並沒有損失.再者GIF支持半透明(全透明或是全不透明).
根據Google的說法,GIF適用於很小或是較簡單的圖片(10×10以下或是3種顏色以下的圖片).

PNG

首先,PNG包括了PNG-8真彩色-PNG(PNG-24 or PNG-32).那PNG相對於GIF最大的優勢是:

  • 通常體積會更小
  • 支持alpha(全透明)

但是我們知道PNG是不支持動畫的.

同時需要留意IE6是可以支持PNG-8的,但是在處理PNG-24的透明時會顯示會灰色.相關例子可以參考sitepoint.

通常圖片保存為PNG-8會在同等質量下獲得比GIF更小的體積,而全透明的圖片我們現在只能使用PNG-24.但是請留意在保存圖片在PNG-8與GIF中進行比較.因為定律並不一直正確.

JPG

JPG所能顯示的顏色比GIF,PNG要多的多,同時得到很好的壓縮,所以JPG很適用於保存數碼照片.但是注意它是一種失真壓縮,這意味著你每次修改圖片都會造成像素失真.

看了上面的介紹你應該對使用哪種格式保存哪種圖片有了大概的了解.簡單的說就是:

一句話:小圖片或網頁基本元素(如按鈕),考慮PNG-8或GIF.照片則考慮JPG.

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved