首先先容網(wǎng)頁設(shè)計(jì)中常用圖片的三種格局：GIF,JPEG,PNG。
GIF
GIF是一種調(diào)色板型（palette type）（或者說是索引型）的圖片。它含有多達(dá)256種的色彩。每一個(gè)象素點(diǎn)都有一個(gè)對(duì)應(yīng)的色彩值。由于這種格局不再存在專利權(quán)的標(biāo)題
GIF是一種無損壓縮的格局，這意味著當(dāng)你修正并且保留了圖片的時(shí)候,它的質(zhì)量不會(huì)有任何損耗。
GIF格局也支撐動(dòng)畫.在黑暗的web1.0時(shí)代，它導(dǎo)致了大批過剩的曇花一現(xiàn)的“新”圖片（blinking “new” images），循環(huán)的@符號(hào)（rotating @ signs），birds dropping，a email以及其他一些讓人厭煩的東西的呈現(xiàn)。在更加文明的web2.0時(shí)代，在等候一個(gè)更新頁面的ajax懇求的時(shí)候，我們?nèi)匀粫?huì)看到 “l(fā)oading”動(dòng)畫，但是也有一些比擬討人愛好的東西,人們愛好把它們放在自己的網(wǎng)絡(luò)上。不管怎么說，假如你有需要，就可以應(yīng)用動(dòng)畫支撐。
GIF也支撐透明度，透明度的值是一種布爾類型數(shù)據(jù)。GIF圖片里的一個(gè)象素要么完整透明,要么完整不透明。
JPEG
JPEG圖片不象GIF圖片那樣只能有256種色彩，它可以包含數(shù)百萬種色彩，而且有更高的壓縮率。這使得JPEG圖片比擬適實(shí)用來保留相片。事實(shí) 上，大多數(shù)的相機(jī)以jpeg格局保留照片。JPEG是一種有損壓縮的格局,這意味著你每次進(jìn)行編纂的時(shí)候都會(huì)有質(zhì)量損耗，所以假如你打算進(jìn)行多次編纂，那 么更好把中間天生的圖片換一種格局存儲(chǔ)。但是,還有一些不會(huì)損耗圖片質(zhì)量的把持，比如說裁剪圖片，旋轉(zhuǎn)圖片或者修正元信息。元信息包含，比如說，存儲(chǔ)在圖 片文件中的注釋。
JPEG不支撐透明度。
PNG
PNG是一種無損壓縮的格局，而且它有很多種類。單考慮實(shí)際的用處,我們可以把它分為兩種：
1.PNG8 2.真彩色PNG PNG8是一種調(diào)色板型(palette)圖象格局,就象GIF。 8代表8位, 28, 或者 256。 PNG8, 調(diào)色板型PNG以及索引型 PNG，這些術(shù)語都可以互換應(yīng)用。
那么,PNG8比起GIF有哪些優(yōu)毛病呢？
長(zhǎng)處：
通常文件體積比擬小
支撐alpha（可變）透明度
毛?。?br />
不支撐動(dòng)畫
**種類型的PNG格局是真彩色PNG。這類圖片可以包含百萬種色彩,就象JPEG。你有時(shí)候會(huì)碰見它們以PNG24或PNG32命名。
對(duì)于PNG8和真彩色PNG，IE7都供給了alpha透明度準(zhǔn)確的原生的支撐。對(duì)于早期版本的IE瀏覽器你需要應(yīng)用css和AlphaImageLoader濾鏡來修復(fù)全彩色PNG中的透明度標(biāo)題。對(duì)于這個(gè)標(biāo)題,在接下來的文章中，我們將會(huì)討論一些更多的細(xì)節(jié)。
在網(wǎng)頁設(shè)計(jì)中，大眾更認(rèn)可的的圖片情勢(shì)是GIF與JPEG格局。但這會(huì)使你感到困惑：那我在網(wǎng)站建設(shè)中到底應(yīng)當(dāng)用GIF格局還是JPEG格局？
方便記憶的簡(jiǎn)易準(zhǔn)則：
1．在你的電腦上制作的程度情勢(shì)的條例、按鈕以及動(dòng)畫圖片，這些圖片應(yīng)當(dāng)用GIF格局。
2．假如圖片是掃描的圖畫或照片時(shí)就用JPEG格局。
而什么時(shí)候用PNG比擬合適呢？
固然PNG8應(yīng)當(dāng)作為PNG類型文件的前幾選,由于它的文件體積更小而且在早期版本的IE瀏覽器中不需要應(yīng)用特別的css濾鏡就能很好地降級(jí),但是在應(yīng)用的時(shí)候仍然有需要留心的處所：
1.當(dāng)PNG8的256種色彩不夠用的時(shí)候,你可能需要應(yīng)用全彩色PNG。這種情況應(yīng)當(dāng) 盡量避免。一方面，假如你想應(yīng)用成千上萬的色彩,那么這種情況下JPEG將會(huì)比擬合適,而且能夠有更好的壓縮率。另一方面，假如色彩數(shù)在一千左右,你應(yīng)當(dāng) 盡量把這種圖片轉(zhuǎn)換為PNG8格局,然后看看它是不是看起來還能夠接收。很多情況下,當(dāng)色彩數(shù)達(dá)到200到1000的時(shí)候,人的肉眼就分辨不出來了。當(dāng) 然，這也得看是哪種圖片了；通常你可以非常**地刪掉1000種色彩,但是有些時(shí)候只是刪掉2種色彩,圖片的后果就不能讓人接收了。不管怎么樣, 盡可能地把真彩色PNG轉(zhuǎn)換為PNG8和JPEG格局，看看你能不能接收它們的質(zhì)量和體積。
2.圖片的大部分象素是半透明的情況。如 果圖片種只有一小部分是不完整透明的,象繚繞在圓角四周的象素點(diǎn),那么PNG8的類GIF(GIF-like)降級(jí)通常都沒有標(biāo)題。但是假如圖片的大部分 是半透明的（象視頻播放器上的播放按鈕）,那么你除了應(yīng)用AlphaImageLoader hack你可能別無選擇。
更后，讓我們總結(jié)一下：
1.JPEG格局比擬適實(shí)用來存儲(chǔ)照片
2.GIF格局可以用來做動(dòng)畫
3.PNG8可以用來做小圖標(biāo)（icons），按鈕，背景等等。
網(wǎng)頁設(shè)計(jì)常用的圖片格局及其用法，希望對(duì)您有參考價(jià)值。
查看更多寧波網(wǎng)站建設(shè)圖片網(wǎng)頁設(shè)計(jì)格局
自然排名 點(diǎn)擊多少均不要錢喲！
