點陣圖vs向量圖

點陣圖(Bitmap):由「像素」排列而成的圖片

所謂的「點陣圖」又稱為光柵圖 (Raster)就是用「像素pixel」排列而成的圖片;每個像素會在特定的位置上顯示對應的顏色,無數個像素組合起來就會變成一張完整的圖片,目前我們在電腦上常看到的 JPG、JPEG、GIF、BMP、PNG、TIFF 都是屬於點陣圖檔格式。

你可以把隨便一張點陣圖檔丟到 Photoshop 並放大最大,就會看到這些一塊一塊的像素;因此不論解析度多高的點陣圖都經不起放大,只要一放大,像素就會漸漸浮現,造成失真模糊的現象產生。


我們會用「解析度」表示點陣圖的細緻程度,解析度又分為ppi. 跟 dpi.。

兩者的概念相似,在數位應用(例如:圖檔、數位裝置)中我們常使用「ppi (pixel per inch)」,代表每一英吋包含了幾個像素。另外,實體運用(例如:報章雜誌)上的解析度我們稱「dpi (dots per inch)」,代表每一英吋包含了幾個墨點。

我們常說的解析度高低,就是在同樣尺寸下,像素的多寡來判斷的。像素越多,畫面越細緻(高解析度);像素越少,就會看見正方形像素的鋸齒邊緣(低解析度)。

解析度越高就一定好嗎?

解析度越高,雖然畫面可以越細緻,但相對的檔案也越大。每一個像素都需要存取容量,因此點陣類型圖檔必須對應尺寸選用適當的解析度(ppi)。


向量圖(Vector):由「數學座標、公式」組成的圖像

而「向量圖」則是透過數學「向量」的形式來存取圖像內容,在數學中的「向量」是指在空間中具有大小及方向的數值圖像中的每一個點、線、曲線、面等元素都是使用數學公式、座標來渲染存取圖像。

因此不論怎麼縮放,向量圖都可以精準呈現清晰圖像,而且檔案還比點陣圖小;常見的格式就是 SVG(可縮放向量圖形)、EPS AI(Adobe Illustrator 格式)。

現在透過AI可以直接轉成向量格式,就算客人自己沒有Illustrator軟體也能透過雲端生成,操作方式非常簡單,把黑白點陣圖拖進去就可以自動轉換,以下為利用Vectorizer.AI 把影像圖轉為可無限放大向量圖

向量圖應用

因為向量圖檔可以滿足各種大小又不失真的特性,適合用在LOGO繪製;與大尺寸點陣圖相比,向量圖的容量更小,可以更有效率製作檔案,常使用在廣告品、大圖輸出製作。

連結到影視學院,有篇撰文解說還蠻清楚的

圖片放大變模糊?點陣與向量的差異

向量檔案的種類:   (From Adobe)

SVG檔案DXF檔案AI檔案DWF 檔案 ...