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

撰寫者：冰凝

　　為什麼圖片放大會變模糊？邊緣還有一格一格的格子狀？還有人說那是因為畫質不好，所以才會出現格子排成的鋸齒狀；那能讓圖案放大後依然不模糊，也不會出現格子嗎？

　　答案是可以！我們要先認識兩個專有名詞，也就是「點陣」以及「向量」。

一、點陣是什麼？

　　「點陣」檔案是由像素（Pixel）組成，可以把一張圖想像成是由很多個小方塊拼湊而成的。當方塊的數量變多，邊緣就會更細緻；相反的數量少邊緣就會模糊，所以一般拍照、網路上看到的圖片都是點陣圖，因為放大後邊緣會產生格子狀（鋸齒狀），也是會讓人覺得放大變模糊的原因。

　　像素所產生的方塊數量是可以在製圖時設定的！如果設定「長1000 X寬1000像素」就是一百萬個格子（1000X1000）所組成的圖案，數值越大圖片尺寸也越大。下圖為三個不同數量的像素長寬，我們把圖片大小先調成一致，排在一起後，就能更清楚看出畫質的差異。

*像素的數量多寡不僅會影響到圖片尺寸也會影響畫面的清晰程度。

二、向量是什麼？

　　既然點陣圖會因為所組成的格子（畫素）的數量不同，而導致放大後可能出現鋸齒狀，那有沒有哪種圖片型態是可以持續放大不失真的呢？有，那就是「向量」檔案。

　　向量和點陣最大的不同就是，向量圖可以無限放大而不失去真實，因為向量檔案沒有像素而是用數學公式組成，所以放大或縮小時軟體就會用數學公式從新計算，所以不會影響到畫面品質。

　　但一般情況下會比較少見到向量圖檔，因為向量圖必須要在軟體中才能無限放大而不會失真，此類檔案會需要大量運算（尤其持續放大的過程），有時也無法及時縮圖預覽圖檔，因此比起點陣圖，向量圖雖然沒有失真問題，但運作效率會影響用戶的使用意願。

*在Illustrator中將Ｓ線條放大，可以看到放大後邊緣依然清晰。

三、提到兩種格式就必須知道解析度

　　首先知道一下解析度的單位有：dpi（點每英寸）、 lpi（線每英吋）、ppi（像素每英吋），解析度越大就代表影像的品質越好，但數值越大並非是最好的！在不印製的情況下，不需要將圖片設置太高的解析度，可以看到下圖300解析和96解析在沒有放大觀看時，根本分不出差別，放大後才會看到邊緣變模糊。

*當圖片放到社群平台時會產生被壓縮的現象，例如：將300解析度的圖片放到FB會變成96解析度。

　　單純要放在網路上的圖建議300～350解析度（ppi），需印刷的檔案建議設定600解析度（ppi），雖然向量檔是用數學公式運算所以不會有解析度問題，但是在新建檔案時，因為會被強制設置輸出圖片(點陣)的解析度，所以一樣會碰到解析度問題（如下圖），像Illustrator這類向量軟體除了輸出檔案外也能輸出圖片檔，只要是圖片格式就會變成點陣圖檔，在軟體內還沒被輸出的情況下才是可以無限放大的向量檔。

*Illustrator新建檔案設定中，可以設定點陣解析度。但預設最高300ppi。 

四、用點陣、向量檔案作圖，哪個比較好？

　　新建檔案時該如何選擇要用「點陣」還是「向量」檔案呢？兩者除了放大縮小的畫質清晰度不同外，在挑選時最主要要考量「圖」的用處。如果今天只是要放在網路上就選擇點陣，建議長度寬度大於1000 像素（Pixel）、300解析度（ppi），這樣才不會導致圖片輸出後檔案本身就太小而模糊的問題。

　　當要製作需要印製的圖時，中間過程可以選擇向量檔案製作並存檔，能不被畫質給約束住，在印製大型印刷物時，也方便調整出不同尺寸；如果是使用點陣圖就必須設定成大於印製物的尺寸（可依照印刷廠商給的尺寸來設定），才不會碰到畫質變差、變模糊的問題！

　　最後要注意能無限放大而不失真的圖案只有在向量軟體內才能用電腦計算的方式產出喔，只要輸出成圖片檔（點陣）就沒有這個優勢了。