什么是矢量圖?
想象一下,你小時(shí)候用圓規(guī)和尺子畫(huà)圖:
?? 畫(huà)一個(gè)圓時(shí),你只需要確定圓心位置和半徑長(zhǎng)度;
?? 畫(huà)一個(gè)三角形時(shí),你只需要標(biāo)記三個(gè)頂點(diǎn)坐標(biāo)并用直線連接。
矢量圖就是用數(shù)學(xué)公式來(lái)“畫(huà)圖”。它不記錄圖像上的每一個(gè)點(diǎn),而是用數(shù)學(xué)公式告訴電腦:
“這里有一個(gè)圓,圓心在(x=10, y=20),半徑5厘米,邊線紅色,內(nèi)部填黃色”
“這里有一條曲線,起點(diǎn)在A,經(jīng)過(guò)B點(diǎn),終點(diǎn)在C,線條粗細(xì)2毫米”
電腦會(huì)根據(jù)這些“數(shù)學(xué)指令”實(shí)時(shí)生成圖像,就像你按步驟用尺規(guī)作畫(huà)一樣。
為什么說(shuō)矢量圖可以無(wú)限放大?
假設(shè)你畫(huà)了一個(gè)半徑5厘米的圓:
如果放大到10厘米,公式會(huì)重新計(jì)算成“半徑10厘米,圓心位置不變”;
即使放大到100米,公式依然能計(jì)算出平滑的圓形邊緣。
就像你告訴朋友:“從北京天安門(mén)向東走5公里”,無(wú)論地圖比例怎么變,這個(gè)“指令”都能準(zhǔn)確找到位置,而不會(huì)模糊。
矢量圖的本質(zhì)特點(diǎn)
由“公式”組成,而非像素點(diǎn)
位圖(比如照片)像馬賽克,由無(wú)數(shù)小色塊拼成;
矢量圖像樂(lè)高說(shuō)明書(shū),告訴你怎么用零件組裝圖形。
無(wú)限縮放不模糊
放大矢量圖時(shí),電腦會(huì)重新計(jì)算公式生成新尺寸,邊緣永遠(yuǎn)平滑;
位圖像拉伸橡皮筋,放大后會(huì)看到馬賽克(像素分離)。
文件體積小
記錄“畫(huà)圓指令”只需幾行代碼,比存儲(chǔ)幾百萬(wàn)個(gè)像素點(diǎn)節(jié)省空間;
但如果是復(fù)雜曲線(比如手寫(xiě)簽名),公式變多,文件也會(huì)變大。
容易修改
想改圓的顏色?直接修改公式里的顏色代碼;
想移動(dòng)三角形的位置?調(diào)整頂點(diǎn)坐標(biāo)即可。
生活中的矢量圖例子
手機(jī)APP圖標(biāo)
無(wú)論屏幕分辨率多高,圖標(biāo)邊緣都清晰銳利(系統(tǒng)用矢量指令實(shí)時(shí)渲染)。
路牌和交通標(biāo)志
高速公路指示牌需要放大到幾米寬,矢量設(shè)計(jì)保證文字和箭頭不失真。
卡通動(dòng)畫(huà)
《冰雪奇緣》中艾莎的裙子褶皺用矢量曲線控制,放大后細(xì)節(jié)依然完美。
字體文件(如.ttf)
字母“A”的輪廓由數(shù)學(xué)公式定義,字號(hào)調(diào)到1000磅也不會(huì)模糊。
矢量圖的缺點(diǎn)
不適合照片級(jí)真實(shí)感
夕陽(yáng)的漸變晚霞、人臉的皮膚紋理,用數(shù)學(xué)公式描述極其復(fù)雜,遠(yuǎn)不如位圖自然。
顯示依賴(lài)計(jì)算能力
手機(jī)打開(kāi)復(fù)雜矢量圖時(shí),需要“實(shí)時(shí)計(jì)算”公式生成圖像,低配設(shè)備可能卡頓。
一句話(huà)總結(jié)
矢量圖 = 數(shù)學(xué)公式畫(huà)圖
它像一本精準(zhǔn)的“圖形食譜”,告訴電腦如何用幾何公式“烹飪”出圖像,而不是直接提供成品(像素)。因此,它能無(wú)限縮放、輕松修改,是設(shè)計(jì)Logo、圖標(biāo)、字體的最佳選擇!
(補(bǔ)充小知識(shí):你手機(jī)里的Emoji表情????,大部分也是矢量圖,所以發(fā)到任何尺寸的屏幕上都不會(huì)糊!)