頁制作中對(duì)于圖畫格局的選用(一) |
發(fā)布時(shí)間:2024-07-03 文章來源:本站 瀏覽次數(shù):868 |
在網(wǎng)頁制作中,合理選用圖像格式是非常重要的,不同的圖像格式具有不同的特點(diǎn)和適用場景。頁面中運(yùn)用GIF格局,失真大這個(gè)問題比較簡單,只要用JPG就能夠。咱們常用的頁面的圖片格局有三種,GIF、JPG、PNG。
GIF(圖形交換格局),GIF圖片的擴(kuò)展名是gif。現(xiàn)在一切的圖形瀏覽器都支撐GIF格局,而且有的圖形瀏覽器只認(rèn)識(shí)GIF格局。GIF是一種索引色彩格局,在色彩數(shù)很少的情況下,發(fā)生的文件極小,它的長處主要有:
GIF格局支撐布景通明。GIF圖片假如布景色設(shè)置為通明,它將與瀏覽器布景相結(jié)合,生成非矩形的圖片。
GIF格局支撐動(dòng)畫。在Flash動(dòng)畫出現(xiàn)之前,GIF動(dòng)畫能夠說是網(wǎng)頁中唯一的動(dòng)畫形式。GIF格局能夠?qū)螏膱D象組合起來,然后輪番播放每一幀而成為動(dòng)畫。盡管并不是一切的圖形瀏覽器都支撐GIF動(dòng)畫,可是新的圖形瀏覽器都現(xiàn)已支撐GIF動(dòng)畫。
GIF格局支撐圖形漸進(jìn)。漸進(jìn)是指圖片逐漸顯現(xiàn)在屏幕上,漸進(jìn)圖片將比非漸進(jìn)圖片更快地出現(xiàn)在屏幕上,能夠讓訪問者更快地知道圖片的概貌。
GIF格局支撐無損緊縮。無損緊縮是不損失圖片細(xì)節(jié)而緊縮圖片的有用方法,由于GIF格局選用無損緊縮,所以它更適合于線條、圖標(biāo)和圖紙。
GIF格局的缺陷同樣適當(dāng)顯著。索引色彩是歷史遺留的產(chǎn)品,在DOS下的老游戲幾乎無一例外的選用索引色彩,這種格局原本早就應(yīng)該篩選了?墒怯捎趲挼募s束,GIF從DOS時(shí)代紅到了Internet時(shí)代。GIF這種索引色彩格局大的缺陷就是它只要256種色彩,這對(duì)于相片質(zhì)量的圖片是顯著不行的。
JPEG(聯(lián)合圖畫專家組),這種格局經(jīng)常寫成JPG,JPG圖片的擴(kuò)展名為jpg。
JPG主要的長處是能支撐上百萬種色彩,從而能夠用來體現(xiàn)相片。此外,由于JPG圖片運(yùn)用更有用的有損緊縮算法,從而使文件長度更小,下載時(shí)間更短。有損緊縮會(huì)拋棄圖畫中的某些細(xì)節(jié),以減少文件長度。它的緊縮比適當(dāng)高,運(yùn)用專門的JPG緊縮工具其緊縮比可達(dá)180:1,而且圖畫質(zhì)量從瀏覽角度來講質(zhì)量受損不會(huì)太大,這樣就大大方便了網(wǎng)絡(luò)傳輸和磁盤交換文件。JPG較GIF更適合于相片,由于在相片中損失一些細(xì)節(jié)不像對(duì)藝術(shù)線條那么顯著。另外,JPG對(duì)相片的緊縮比例更大,而后的質(zhì)量也更好。
可是從長遠(yuǎn)來看,JPG跟著帶寬的不斷提高和存儲(chǔ)介質(zhì)的開展,它也應(yīng)該是一種被篩選的圖片格局,由于有損緊縮對(duì)圖畫會(huì)發(fā)生不行恢復(fù)的損失。所以通過緊縮的JPG的圖片一般不適合打印,在備份重要圖片時(shí)也好不要運(yùn)用JPG。還有,JPG也不如GIF圖畫那么靈活,它不支撐圖形漸進(jìn)、布景通明,更不支撐動(dòng)畫。
PNG是90年代中期開端開發(fā)的圖畫文件存儲(chǔ)格局,其目的是企圖代替GIF和TIFF文件格局,一起添加一些GIF文件格局所不具備的特性。流式網(wǎng)絡(luò)圖形格局(Portable Network Graphic Format,PNG)稱號(hào)來源于非官方的“PNG's Not GIF”,是一種位圖文件(bitmap file)存儲(chǔ)格局,讀成“ping”。PNG用來存儲(chǔ)灰度圖畫時(shí),灰度圖畫的深度可多到16位,存儲(chǔ)五顏六色的圖畫時(shí),五顏六色的圖畫的深度可多到48位,而且還可存儲(chǔ)多到16位的α通道數(shù)據(jù)。PNG運(yùn)用從LZ77派生的無損數(shù)據(jù)緊縮算法。
PNG文件格局保存GIF文件格局的下列特性:
運(yùn)用五顏六色查找表或者叫做調(diào)色板可支撐256種色彩的五顏六色的圖畫。
流式讀/寫功能(streamability):圖畫文件格局答應(yīng)接連讀出和寫入圖畫數(shù)據(jù),這個(gè)特性很適合于在通信過程中生成和顯現(xiàn)圖畫。
逐次逼近顯現(xiàn)(progressive display):這種特性可使在通信鏈路上傳輸圖畫文件的一起就在終端上顯現(xiàn)圖畫,把整個(gè)輪廓顯現(xiàn)出來之后逐步顯現(xiàn)圖畫的細(xì)節(jié),也就是先用低分辨率顯現(xiàn)圖畫,然后逐步提高它的分辨率。
通明性(transparency):這個(gè)功能可使圖畫中某些部分不顯現(xiàn)出來,用來創(chuàng)立一些有特征的圖畫。例如,如果是照片或復(fù)雜的圖像,且對(duì)圖像質(zhì)量要求較高,可以選擇 JPEG 格式;如果需要透明背景或?qū)D像質(zhì)量要求極高,PNG 格式是更好的選擇;而如果需要制作簡單的動(dòng)畫效果,GIF 格式則更為合適。 |
|