每個(gè)人都知道網(wǎng)頁上的圖像通常是jpg、gif和png格式的。兩者有什么區(qū)別?看完以下內(nèi)容,你可能會(huì)得出自己的結(jié)論。

——————————————————————————–

GIF格式功能:

透明性

Gif是布爾透明類型,可以是完全透明的,也可以是完全不透明的,但不是半透明的(alpha透明)。

生氣

Gif是一種支持動(dòng)畫的格式。

無損特性

Gif是一種無損圖像格式,這意味著您可以在不損失圖像質(zhì)量的情況下對gif圖像做任何事情。

水平掃描

Gif被一種叫做LZW的算法壓縮。壓縮gif時(shí),像素是從上到下水平壓縮的,也就是說在相同的條件下,水平的gif圖片比垂直的gif圖片小。例如,500*10的圖片比10*500的圖片小

間隔漸進(jìn)顯示

Gif支持選擇性間隔漸進(jìn)顯示

從以上特點(diǎn)可以看出,只有256色的gif圖片不適合作為照片,適合制作對色彩要求不高的圖形。

——————————————————————————–

Jpeg格式的特點(diǎn):

透明性

它不支持透明。

生氣

也不支持動(dòng)畫。

損耗特性

除了一些操作,如旋轉(zhuǎn)(僅90、180、270度旋轉(zhuǎn))、裁剪、從標(biāo)準(zhǔn)類型到高級類型、編輯圖片的原始數(shù)據(jù),所有其他操作都會(huì)導(dǎo)致jpeg圖像的質(zhì)量損失。因此,我們一般在編輯過程中使用png作為過渡格式。

隔行逐行顯示

它支持隔行逐行顯示(但是ie瀏覽器不支持這個(gè)屬性,但是ie會(huì)在整個(gè)圖像信息全部到達(dá)的時(shí)候顯示)。

從上面可以看出,Jpeg最適合網(wǎng)絡(luò)上的攝影圖片和數(shù)碼相機(jī)。

——————————————————————————–

Png格式功能:

透明性

Png完全支持alpha透明度(透明、半透明和不透明),雖然ie6中有兩個(gè)奇怪的現(xiàn)象(下面會(huì)詳細(xì)討論)

生氣

它不支持動(dòng)畫

無損特性

Png是一種無損圖像格式,這意味著您可以在不損失圖像質(zhì)量的情況下對png圖像做任何事情。這也使得png成為jpeg編輯的過渡格式

水平掃描

像GIF一樣,png是水平掃描的,這意味著水平重復(fù)的顏色比垂直重復(fù)的顏色小

間隔漸進(jìn)顯示

它支持間隔漸進(jìn)顯示,但會(huì)導(dǎo)致圖像尺寸變大

第一個(gè)PNG叫PNG8(布爾透明),可以簡單理解為靜態(tài)GIF

它們都只有256種顏色,而且還支持索引透明度,即指定像素是否透明

第二個(gè)PNG,也叫PNG8(Alpha Transparency),可以指定像素的透明度,比如50%的透明度

這個(gè)優(yōu)點(diǎn)就是比PNG24/32小,但是效果是一樣的

缺點(diǎn)是IE6支持不好,半透明像素會(huì)顯示為完全透明

第三個(gè)PNG叫PNG24

PNG24不透明,但是顏色很多,256色以上

Photoshop導(dǎo)出的png24其實(shí)是png32

第四個(gè)PNG叫PNG32

和photoshop的PSD一樣,它是Fireworks的默認(rèn)源文件格式,包括圖層和通道信息

PNG24和PNG 24的區(qū)別在于它的信息更加透明

缺點(diǎn)在于對IE6的支持較差,會(huì)將透明區(qū)域顯示為藍(lán)灰色背景:只能通過影響性能的方法AlphaImageLoader,需要添加特殊標(biāo)簽(VML)。

注意:

布爾透明png8可以在任何瀏覽器正常顯示(就像gif一樣)。

Alpha透明png8在ie6及以下以外的瀏覽器下顯示完全透明,其他瀏覽器可以正常工作

Photoshop只能導(dǎo)出布爾透明PNG8。(部分png8在IE6下可能有毛刺,因?yàn)樽址?,圓角等。通常會(huì)削弱邊緣??梢栽趯?dǎo)出前修剪)

Fireworks既可以導(dǎo)出布爾透明PNG8,也可以導(dǎo)出alpha透明PNG8。

——————————————————————————–

將其他圖片格式與巴布亞新幾內(nèi)亞進(jìn)行比較:

眾所周知,GIF適合圖形,JPEG適合照片,PNG系列兩者都適合。

對比GIF

對于相同的顏色值,Gif格式的圖片比png32格式的圖片小。但是png8是最好的選擇。

除了PNG8不支持動(dòng)畫之外,PNG 8具備了GIF的所有特性,但它相對于GIF的優(yōu)勢在于支持alpha透明度和更好的壓縮。所以大部分情況下應(yīng)該用PNG8,而不是GIF(除了非常小的圖片GIF,有更好的壓縮)。

與JPEG相比

JPEG比全色PNG具有更好的壓縮性能,這使得JPEG適合于照片。但在編輯JPEG時(shí)容易造成質(zhì)量損失,因此全色PNG適合作為編輯JPEG的過渡格式。

1.《png和jpg的區(qū)別 web,JPG,GIF及PNG各類型的圖片到底有啥區(qū)別呢?》援引自互聯(lián)網(wǎng),旨在傳遞更多網(wǎng)絡(luò)信息知識,僅代表作者本人觀點(diǎn),與本網(wǎng)站無關(guān),侵刪請聯(lián)系頁腳下方聯(lián)系方式。

2.《png和jpg的區(qū)別 web,JPG,GIF及PNG各類型的圖片到底有啥區(qū)別呢?》僅供讀者參考,本網(wǎng)站未對該內(nèi)容進(jìn)行證實(shí),對其原創(chuàng)性、真實(shí)性、完整性、及時(shí)性不作任何保證。

3.文章轉(zhuǎn)載時(shí)請保留本站內(nèi)容來源地址,http://f99ss.com/guoji/807686.html