上種圖片應用的優(yōu)缺點
web中承載信息的主要方式就是圖片與文字了，以下就是對一些web圖片格式的優(yōu)缺點進行歸納。
1、GIF
GIF圖是比較古老的web圖片格式之一，可以追溯到1987，幾乎所有的瀏覽器都支持這一種格式，老有老的好處嘛。GIF是一種索引色模式圖片，所以GIF每幀圖所表現(xiàn)的顏色最多為256種。GIF能夠支持動畫，也能支持背景透明，這點連古老的IE6都支持，所以在以前想要在項目中使用背景透明圖片，有一些方案就是生成GIF圖片。GIF與JPEG、PNG相比，在通常情況下確實體積比較小。不過里面如果放入了足夠多幀的圖片，那么可能就不是那種情況了?，F(xiàn)在網(wǎng)絡上的GIF可以說是爆炸式的再增長，顯然更多的在與他的兩個特點：支持動畫與兼容性好。缺點就是：色彩表現(xiàn)度不夠豐富。
2、JPEG、JPG
平常我們大部分見到的靜態(tài)圖基本都是這種圖片格式。這種格式的圖片能比較好的表現(xiàn)各種色彩，主要在壓縮的時候會有所失真（主要是壓縮時，會在細節(jié)上把相鄰的一些色彩給同化掉），也正因為如此，造就了這種圖片格式體積的輕量。格式被各中老弱病殘的瀏覽器兼容，不過不支持背景透明與動畫。平時web上的廣告圖、相片、特大背景圖、輪播圖等等一些大圖場景中，都適用這個。
3、PNG
PNG格式是有三種版本的，分別為PNG-8，PNG-24，PNG-32，所有這些版本都不支持動畫的。PNG-8跟GIF類似的屬性是相似的，都是索引色模式，而且都支持背景透明。相對比GIF格式好的特點在與背景透明時，圖像邊緣沒有什么噪點，顏色表現(xiàn)更優(yōu)秀。PNG-24其實就是無損壓縮的JPEG。而PNG-32就是在PNG-24的基礎(chǔ)上，增加了透明度的支持。PNG格式在老瀏覽器IE6以及以下，PNG-8透明度的支持度不是很好，PNG-32的透明度基本不支持。正因為如此，以前有一個js插件，專門應對IE6這種BUG，主要是用IE6里的濾鏡來重新渲染圖片達到透明.隨著時代的發(fā)展，PNG也想進步，也想支持動畫。所以，有人推出了APNG（Animated PNG）格式圖片。從字面上理解，就是會動的PNG圖片，不過這個技術(shù)實現(xiàn)上與PNG開發(fā)小組理念不合，沒有得到有效推廣。到現(xiàn)在，也就有Blink內(nèi)核的瀏覽器（代表瀏覽器：火狐）有比較好的支持，其它的就無從談起了。
4、webP
這個格式的圖片的格式是財大氣粗的Google在2010發(fā)布出來的，它擁有現(xiàn)有位圖格式的所有優(yōu)點，包括體積小、色彩表現(xiàn)足夠、支持動畫（一開始是不支持的）。當然，新東西的缺點就是兼容性不是很好，還有就是呈現(xiàn)這種圖片格式計算量比平常的圖片要大很多。由于出生好，東西本身也不錯，越來越多的開發(fā)者與設(shè)計者開始關(guān)注它。國內(nèi)某家公司也在使用這種格式圖片制作表情。
5、SVG
SVG是一種矢量圖，在現(xiàn)在來說，得到的支持是很可觀的。矢量圖比位圖一個天生的有點，就是它不管放多大都不會模糊。這種格式的圖片，對一些簡單的線條、 形狀表現(xiàn)是很不錯的，如果表達更復雜的圖像（如照片），那這個就會變的太復雜。SVG能夠支持動畫（SVG的動畫特性不能被IE瀏覽器很好的支持），以前的flash那樣，還支持css樣式的一些修改。我們現(xiàn)在網(wǎng)頁上的很多icon圖標都是使用這個的，svg也能夠把多個SVG組合起來。總體來說，SVG還是一個比較看好的技術(shù)。
