每天一個(gè)小技巧：設(shè)計(jì)中“位圖”和“矢量圖”的區(qū)別

今天上元教育李老師就帶大家來學(xué)習(xí)他們的區(qū)別：

什么是位圖？

位圖也被稱為點(diǎn)陣圖。平常用手機(jī)拍攝的照片、網(wǎng)上找到的素材，都屬于位圖。常見的格式有jpg、png、bmp等。也可以說位圖是由密密麻麻的、肉眼不可識別的小方塊組成的圖片。當(dāng)把一張照片放大到一定程度，就能看到馬賽克，這每一塊馬賽克，就是一個(gè)像素，每個(gè)像素塊內(nèi)都是同一個(gè)顏色。

位圖的優(yōu)缺點(diǎn)：

位圖的優(yōu)點(diǎn)是可以非常細(xì)膩而真實(shí)的表現(xiàn)自然界的景象，并且在后期軟件進(jìn)行自由的修改。也就是P圖。在平面設(shè)計(jì)領(lǐng)域，有個(gè)細(xì)分崗位叫做后期合成，干的就是這個(gè)活。常用的位圖處理軟件，就是熟知的PS（adobe photoshop）。

位圖的缺點(diǎn)：在頻繁的縮放旋轉(zhuǎn)中，位圖很容易失真模糊，影響畫質(zhì)。由于位圖的每個(gè)像素都需要被單獨(dú)記錄信息（顏色信息、位置信息等），所以圖像越大（像素?cái)?shù)越多），所占用的容量也就越大。經(jīng)常可見，一張高清照片，幾十上百M(fèi)B也不稀罕。

什么是矢量圖？

矢量圖的組成是由數(shù)學(xué)公式計(jì)算所得出的圖形。比如一條黑色直線，位圖的話就是一個(gè)個(gè)像素按照一定的方向排列而成，矢量圖的顯示方式就不同了——先計(jì)算首端的坐標(biāo)位置，再計(jì)算末端的坐標(biāo)位置，最后將兩點(diǎn)相連，便得到了這直線。

位圖、矢量圖顯示圖形的區(qū)別

矢量圖的優(yōu)點(diǎn)也很明顯，它在縮放、旋轉(zhuǎn)等操作的時(shí)候，不會失真。更關(guān)鍵的是，矢量圖形可以放大到無限大，而不會出現(xiàn)馬賽克等模糊不清的情況。另一種極端情況是，大家看報(bào)紙的時(shí)候會發(fā)現(xiàn)，新聞?wù)牡淖痔柗浅Ｐ?，但非常清晰。這也是矢量排版軟件的功勞。

矢量圖形因?yàn)闆]有像素，只記錄關(guān)鍵錨點(diǎn)的相關(guān)信息，所以相較于位圖，它的容量非常小。而它的缺點(diǎn)，是不適合（也不是不可以）表現(xiàn)色彩變化太過細(xì)膩的圖像，比如相機(jī)拍攝的自然景色，它更適合于表現(xiàn)創(chuàng)意性質(zhì)的圖像，比如插畫。