圖檔格式大揭密：一次搞懂向量圖和點陣圖最大差異

而向量圖檔是基於數學公式的曲線和路徑的圖形，而非像素，如一家公司的logo就是用數位繪圖軟體製成的。

向量圖檔最重要的概念在於它不受解析度影響， ... Home›商業›圖檔格式大揭密：一次搞懂向量圖和點陣圖最大差異 Sharethis:TwitterFacebook 你的專案需要向量圖或點陣圖嗎？此篇圖檔格式揭密將深入探討向量圖檔格式的功能及其與點陣圖檔的差異。

封面圖片作者Kit8.net 無論你是對設計一竅不通的初學者，還是剛踏入設計業的設計師，你可能對自己的專案所需的圖檔格式一頭霧水。

幸好，你真的必須懂的只有兩種圖檔類型：點陣圖檔和向量圖檔。

點陣圖檔是由方形像素組成，就像用數位相機拍的照片一樣。

而向量圖檔是基於數學公式的曲線和路徑的圖形，而非像素，如一家公司的logo就是用數位繪圖軟體製成的。

向量圖檔最重要的概念在於它不受解析度影響，也就是說你可以在不破壞影像畫質的情況下調整大小。

事實上，向量圖檔能執行許多點陣圖檔無法執行的功能，這也使得向量圖成為許多創意專案不可或缺的元素。

什麼是向量圖檔？ 向量圖檔是使用數學公式渲染出來的數位影像，而非點陣圖檔使用的像素數據。

向量圖是從一個點開始。

兩個點就能製造出一條路徑。

而路徑可以是直的或彎曲的，並且可與更多的點連接以形成更長的路徑或封閉的形狀。

每個路徑、曲線或形狀都有各自的一套公式，因此可以任意調整大小，固定公式將維持每條路徑的清晰度和銳利度。

因此向量圖檔非常適合用來顯示極小或極大尺寸的圖形。

圖片作者Tasiania 使用向量圖檔有一些優點： 可擴展性–無論你將向量圖調得多大或多小，影像都不失原圖的銳利度。

看看上方熱帶蔬果圖案的放大區域。

檔案小–向量圖使用的是路徑而非像素，因此檔案大小比像素圖檔要小多了。

容易編輯–向量圖檔使得運用顏色、形狀、大小、版面等更簡單。

向量圖檔唯一的缺點是相容性；你必須使用基於向量的設計程式（如AdobeIllustrator或Sketch）才能開啟圖檔。

基於點陣的程式（如AdobePhotoshop）只會將向量圖檔點陣化，而無法快速編輯圖形。

何時該使用向量圖檔 當你需要以各種尺寸顯示某個圖形時，就該使用向量圖檔。

像是公司logo。

這個logo將出現在名片、小冊子和宣傳單上。

但也可能會出現在T恤、廣告招牌和小型行動裝置螢幕上。

其他常見的向量圖檔包括圖標、字體排版和字母設計、圖案和數位插圖等。

雖然向量圖檔聽起來有些複雜，但你不必自己動手做！你可以在Shutterstock上找到豐富的向量圖庫，包括可以自訂的字體、圖案、圖標和插圖等。

我們還特地為小型企業提供了一系列精選向量圖庫，幫助你啟動專案。

什麼是點陣圖檔？ 點陣圖又稱光柵圖是由許多方形像素組成的數位圖形，代表著影像中每個點的形狀和顏色。

這些像素是你在網路上看到的所有影像或設計的建構基礎。

只要把影像放大就能更明顯地看到這些像素。

圖片作者Tasiania 大多數點陣圖在縮小時能清晰顯示，但在放大時，像素就會變得更明顯，如上面的熱帶蔬果圖案。

點陣圖檔會受到解析度的影響，也就是說圖片必須設定成特定尺寸才能正常顯示，把圖片放大會拉長像素，讓影像變得模糊。

在網路上下載點陣圖檔時，要注意檔案大小和品質。

解析度較高的圖片通常有數百萬像素。

例如，上面的熱帶蔬果圖案是4000x4000像素，也就是說影像中有1600萬像素。

通常圖片中的像素越多，檔案大小就越大，畫質就越好。

你可以隨時在Shutterstock上找到高畫質和高解析度的影像。

何時該使用點陣圖檔 點陣圖檔最適合用於精細的攝影或數位應用。

點陣圖中的像素能使高解析度圖形的顏色變化更順，並且更清晰地顯示細節。

基於點陣的設計程式（如AdobePhotoshop或ShutterstockEditor）允許用戶運用單獨像素。

在設計工作中使用點陣圖形時，只能將圖片縮小而不能放大以免嚴重失真。

常見的向量圖檔格式 向量圖檔可以以四種主要格式存取和匯出–AI,EPS,SVG和PDF。

每種格式都各有其功能和特性，影響它們在程式之間的傳輸或讀取方式。

圖片作者filborg .AI圖檔 AI又稱AdobeIllustratorArtwork圖檔，是Illustrator專用的，通常可以直接在程式內部讀取和編輯，但有一些例外。

除了Illustrator之外，CorelDRAW也可以編輯此圖檔格式，但有一定的局限。

這些圖檔也會受版本影響，也就是說相同的圖檔在不同版本的Illustrator中瀏覽的方式會不一樣。

.EPS圖檔 EncapsulatedPostScript圖檔包含平面向量圖形、文字和點陣圖。

這種圖檔格式是匯出向量設計的標準方式，因為這種格式很容易在設計程式和用戶之間傳輸而不會有遺失數據的情形。

當你在Shutterstock下載向量圖片素材時，你會發現檔案是以EPS圖檔格式匯出的。

你可以用AdobeIllustrator來打開此向量圖檔格式進行編輯，或使用AdobePhotoshop將它轉檔成點陣圖。

.SVG圖檔 SVG又稱ScalableVectorGraphic（可縮放向量圖形），是以文字描述影像的一種圖檔格式，包含向量、點陣圖和文字。

這種格式不受解析度影響，就算圖檔較小也能顯示高畫質，很適合用在網路上。

.PDF圖檔 PDF又稱PortableDocumentForma（可攜式文件格式）是一種通用的標准圖檔格式，能顯示向量和點陣圖形。

可使用此圖檔格式來準備用於印刷的設計或在網路上顯示向量圖形。

想了解更多設計基礎知識？請參考這些內容豐富的文章： 如何在Photoshop、Illustrator和InDesign裡使用對齊面板 免費擁有！設計師專用Adobe精美快捷鍵圖表及備忘清單 Illustrator動畫匯入AE小技巧讓製作更有效率 相關貼文 設計   設計:靈感   商業:行銷