深圳網(wǎng)站制作公司網(wǎng)頁離不開圖片的點綴。在網(wǎng)頁中應用圖片的方法，是很多網(wǎng)頁制作新手都期待學習的重要內(nèi)容。
矢量圖與位圖
1．矢量圖——完美的幾何圖形
矢量圖是通過組成圖形的一些基本元素，如點、線、面、邊框、填充色等信息通過計算的方式來顯示圖形的。這就好比在幾何學里面通過圓心位置和半徑來描述圓，當然還可以通過邊框的粗細、顏色以及填充的顏色等數(shù)據(jù)去描述其樣式。電腦在顯示的時候則通過這些數(shù)據(jù)去繪制人們定義的圖像。
矢量圖的優(yōu)點在于文件相對較小，并且放大、縮小時不會失真。其缺點是這些完美的幾何圖形很難表現(xiàn)自然度高的寫實圖像。
需要強調(diào)的是，在Web頁面上所使用的圖像都是位圖，即便有些稱為矢量圖形（如矢量icon等），其也是通過矢量工具進行繪制然后再轉(zhuǎn)成位圖格式在Web頁網(wǎng)上使用的（區(qū)別于像素繪制的圖形）。
2．位圖——神奇的拼圖位圖
又叫像素圖或柵格圖，它是通過記錄圖像中每一個點的顏色、深度、透明度等信息來存儲和顯示圖像。一張位圖就好比一幅大的拼圖，只不過每個拼塊都是一個純色的像素點，當把這些不同顏色的像素點按照一定規(guī)律排列在一起的時候，就形成了人們所看到的圖像。當放大一幅位圖時，能看到這些拼片一樣的像素點。
位圖的優(yōu)點是利于顯示色彩層次豐富的寫實圖像。其缺點是文件較大，放大和縮小圖像時會失真。
有損壓縮和無損壓縮
盡管人們在Web頁面中所使用的JPG、PNG、GIF格式的圖像都是位圖，即它們都是通過記錄像素點的數(shù)據(jù)來保存和顯示圖像，但這些不同格式的圖像在記錄這些數(shù)據(jù)時的方式卻不一樣，這涉及有損壓縮和無損壓縮的區(qū)別。
1．有損壓縮——看到的不一定是真實的
JPG是最常見的采用有損壓縮對圖像信息進行處理的圖片格式。JPG在存儲圖像時會把圖像分解成8×8像素的柵格，然后對每個柵格的數(shù)據(jù)進行壓縮處理。當放大一幅圖像的時候，會發(fā)現(xiàn)這些8×8像素柵格中很多細節(jié)信息被去除，而通過一些特殊算法用附近的顏色進行填充。這就是用JPG格式存儲圖像有時會產(chǎn)生塊狀模糊的原因。
2．無損壓縮——最精確的拼圖
相對有損壓縮無損壓縮能真實地記錄圖像上每個像素點的數(shù)據(jù)信息，但為了壓縮圖像文件其會采取一些特殊的算法。無損壓縮的壓縮原理是先判斷圖像上哪些區(qū)域的顏色是相同的，哪些是不同的，然后把這些相同的數(shù)據(jù)信息進行壓縮記錄（例如對一片藍色的天空只需要記錄起點和終點的位置就可以了），而把不同的數(shù)據(jù)另外保存（例如天空上的白云和漸變等數(shù)據(jù)）。
PNG是最常見的一種無損壓縮的圖片格式。無損壓縮在存儲圖像前會先判斷圖像上哪些地方是相同的哪些地方是不同的，為此需要對圖像上出現(xiàn)的所有顏色進行索引，這些顏色稱為索引色。索引色就好比繪制這幅圖像的“調(diào)色板”，PNG格式在顯示圖像的時候會用“調(diào)色板”上的這些顏色去填充相應的位置。網(wǎng)站制作公司本文關于“網(wǎng)站制作中網(wǎng)頁圖像常識”的知識就介紹分享到這里，謝謝關注，博納網(wǎng)絡編輯整理。
.jpg)
