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