軟體向量繪圖原理：為什麼無限縮放
另一個常被忽略的差異是檔案體積的成長方式。點陣圖的檔案大小與「像素總數」成正比：解析度加倍，面積變四倍，檔案大約也變成四倍。向量圖的檔案大小則與「路徑的複雜度」成正比：一顆圓形不管你要輸出多大，描述永遠只有那幾個數字。
因此會出現一個很有趣的現象：畫一個簡單的幾何標誌，SVG 可能只有 2 KB，而同一張圖的 4000×4000 PNG 可能要 300 KB 以上；但如果你反過來，把一張充滿雜訊的照片「描圖」成向量，路徑節點可能多達數十萬個，SVG 反而會膨脹到幾十 MB。這說明了向量格式並非全面勝利，它只是換了一種成本結構：用「路徑複雜度」取代「像素數量」來計價。
二、向量繪圖的數學核心：座標、路徑與貝塞爾曲線
知道了向量圖「存的是指令」，下一個問題就是：這些指令長什麼樣子？為什麼幾個數字就能描述出平滑的曲線？這一節把向量繪圖的數學骨架拆開來看。
2.1 使用者座標與裝置座標
向量繪圖系統裡通常同時存在兩套座標系。一套是使用者座標系（user space），也就是你在設計軟體裡看到的畫布座標，單位可能是像素、公釐或點（point）。另一套是裝置座標系（device space），也就是最終輸出裝置的像素網格。
兩者之間靠一組「變換矩陣」連結。當你在軟體裡縮放畫面時，實際上你改的是這組矩陣，而不是圖形的資料本身。這點非常重要：縮放不會修改路徑，只會修改「路徑要怎麼被投影到螢幕上」。這也是為什麼你把向量圖放大再存檔，原始路徑的座標值仍然一模一樣，畫質沒有任何損耗。
在 SVG 裡，這個機制以 viewBox 的形式呈現。一個 viewBox="0 0 100 100" 的 SVG，可以在 100×100 的容器裡顯示，也可以被拉伸到 4000×4000，瀏覽器會自動算出對應的比例並重新繪製。這也是響應式網頁喜歡用 SVG 圖示的根本原因。
2.2 貝塞爾曲線怎麼用四個點描述無限多個位置
向量繪圖最常使用的曲線是三次貝塞爾曲線（cubic Bézier curve）。它由四個點定義：起點 P0、控制點 P1、控制點 P2、終點 P3。參數式如下：
B(t) = (1−t)³P0 + 3(1−t)²t·P1 + 3(1−t)t²·P2 + t³P3，其中 t ∈ [0, 1]
這個公式的意義是：只要給我一個 0 到 1 之間的參數 t，我就能算出曲線上的一個點。t 從 0 連續跑到 1，就描出了一整條平滑曲線。也就是說，一條曲線的「資料」只有四個座標（共 8 個數字），但它代表的是一段連續、無限多點的幾何物件。這就是向量能以極少資料描述複雜形狀的關鍵。
實際的向量路徑會把多條貝塞爾曲線首尾相連，形成「路徑」（path）。在 SVG 中你會看到 M（移動到）、L（直線）、C（三次曲線）、Q（二次曲線）、Z（閉合）這類指令。一個設計良好的商標可能只需要幾十個節點，就能描述出流暢的字母與圖形。
順帶一提，不同字型格式用的曲線不一樣：PostScript Type 1 與 CFF 用三次貝塞爾，TrueType 則用二次貝塞爾（只有一個控制點）。這也是為什麼同一套字在轉檔時，偶爾會出現極細微的輪廓差異——曲線的數學表示被重新逼近了一次。
2.3 仿射變換：縮放其實只是換一組矩陣
向量圖的平移、旋轉、縮放、傾斜，全部可以用一個 2×3 的仿射變換矩陣來表示：
[ a c e ][ b d f ]
一個點 (x, y) 經過變換後變成 (ax + cy + e, bx + dy + f)。縮放 2 倍就是 a = d = 2；旋轉 θ 角就是 a = cosθ、b = sinθ、c = −sinθ、d = cosθ。多個變換可以透過矩陣相乘合成一個，這讓繪圖引擎的計算效率非常高。
這裡有一個實務上的重要觀念：純粹的縮放是線性的，因此不會損失精度。你對一條貝塞爾曲線做 1000 倍縮放，等於把四個控制點的座標都乘以 1000，曲線的形狀在數學上完全等價。這就是「無限縮放」在理論上成立的基礎——它不是逼近，而是等價變換。
但要注意，旋轉與非等比縮放雖然也是仿射變換，卻會牽涉到三角函數與浮點運算，這就是後面談「精度邊界」時會遇到的問題。
2.4 填充規則與布林運算
路徑圍出的區域要怎麼填色？這裡有兩種常見規則：nonzero 與 evenodd。nonzero 規則是從測試點往外射一條射線，計算路徑穿越的方向（順時針 +1、逆時針 −1），總和不為零就填色；evenodd 則只看穿越次數是奇數還是偶數。這套規則決定了「甜甜圈」中間的洞會不會被填滿，也是設計師在處理複雜圖形時常踩到的坑。
在此之上，向量軟體還提供「布林運算」——聯集、交集、差集、分割。它的本質是計算兩條路徑的交點、重新組合成新路徑。因為路徑本身是數學物件，這些運算可以在任意精度下進行，理論上不會像點陣圖那樣產生鋸齒。不過實務上，過度疊用布林運算會讓節點數量暴增、曲線變得不平滑，這是向量工作者常見的品質陷阱。
三、「無限縮放」的真相：解析度無關，但不是真的無限
行銷文案說「無限縮放」，但如果你真的把某個 SVG 一路放大到十萬倍，你可能會看到一些奇怪的現象。這一節要誠實地拆解「無限」的邊界在哪裡。
3.1 解析度無關性（resolution independence）
首先要把話說清楚：向量圖真正保證的是解析度無關性，而不是「數學上的無限」。意思是，在任何合理的輸出解析度下，向量圖都能產生該解析度所能呈現的最佳畫質。輸出到 300 dpi 的印刷品，它就用 300 dpi 的精度算；輸出到 8K 螢幕，它就用 8K 的精度算。畫質的上限取決於輸出裝置，而不是原始檔案。
這與點陣圖的邏輯完全相反。點陣圖的畫質上限在建立檔案時就決定了；向量圖的畫質上限則取決於「你當下要輸出到哪裡」。這個差異在實務上影響巨大：同一個商標檔案可以同時用於網站 favicon、名片、戶外看板與車體廣告，不需要準備多個版本。
3.2 渲染器的極限：曲線細分與抗鋸齒
不過，向量圖最後還是要顯示在由像素構成的螢幕上。這一步叫做「光柵化」（rasterization），而它必然涉及近似。
繪圖引擎在填充曲線之前，通常會先把貝塞爾曲線「細分」（flatten）成一小段一小段的折線，再用掃描線演算法填滿。細分的精度由一個「容差」（tolerance）參數控制，通常以「不超過若干分之一個像素」為標準。這代表：同一條曲線在放大 10 倍與放大 100 倍時，引擎會採用不同的細分密度。放大倍率極高時，為了維持視覺平滑，細分密度必須跟著提高，計算量也隨之暴增。
這就是為什麼某些軟體在極高倍率下會開始卡頓，甚至出現「曲線看起來有點多邊形」的狀況——那不是檔案壞了，而是渲染器為了效能做了取捨。反過來說，專業級引擎（例如 Adobe 或 Corel 的渲染核心）會在精度與效能之間做更細緻的平衡，這也是付費軟體與免費軟體在極端情境下容易拉開差距的地方。
3.3 數值精度與 IEEE 754
第二個邊界是浮點數。電腦用 IEEE 754 標準儲存實數，單精度（float32）約有 7 位有效十進位數字，雙精度（float64）約有 15 至 16 位。當你把一個座標值放大到極大，或把兩個非常接近的數字相減，就會遇上「精度耗損」。
實務上這代表什麼？假設一個路徑的座標是 0.0001 單位，你把它放大一百萬倍，座標變成 100；但如果你把整個畫布也放大一百萬倍，某些節點之間原本相差 0.000001 的距離，在浮點表示下可能直接變成 0，節點就「黏」在一起了。這在超大型 CAD 圖面、地圖座標或超高倍率縮放時確實會發生。
此外，許多向量格式在存檔時會限制小數位數。PDF 的座標通常只保留有限位數，SVG 的數值也可能被編輯器四捨五入。這意味著「理論上的無限」在「檔案格式的有限」面前，仍有一道實際的天花板。
3.4 字型與 UI 縮放的不同故事
還有一個常見的誤解：把「向量圖示」與「字型」混為一談。字型確實是向量輪廓，但現代作業系統在繪製小尺寸文字時，會使用字型微調（hinting）與像素對齊技術，甚至針對特定尺寸做最佳化。這代表同一套字在 12 px 與 96 px 下的形狀可能略有不同——那不是失真，而是為了可讀性做的刻意的調整。
同樣地，UI 設計裡的「縮放」往往不是單純的幾何放大，而是整套版面重新排版（responsive layout）。這也是為什麼 Figma 這類工具強調的是「約束條件」與「自動佈局」，而不只是「向量無限放大」。理解這一點，才不會對向量工具抱持錯誤期待。
四、向量渲染管線：從路徑到螢幕像素
理解了數學，我們再把視角拉到工程實作。一條路徑從檔案走進你的眼睛，中間經過哪些步驟？這一段對於理解「為什麼有些軟體放大會卡」特別有幫助。
4.1 曲線細分（flattening）
第一步是把貝塞爾曲線轉成折線。常見做法是遞迴細分：計算曲線與其控制點形成的凸包之間的差距，若超過容差就對半切，直到每一小段都足夠接近直線。這個過程的計算量與「曲線的曲率」及「要求的精度」密切相關。
高品質的引擎會採用「自適應細分」，在曲率大的地方切得細、在接近直線的地方切得粗，藉此在視覺品質與效能之間取得平衡。這也是為什麼同一條曲線，在不同軟體裡放大到同一個倍率，邊緣的平滑度可能肉眼可見地不同。
4.2 掃描線轉換與覆蓋率
折線產生後，引擎會用掃描線演算法判斷每一個像素被圖形覆蓋的比例，這個比例就是該像素的 alpha 值。這就是抗鋸齒的本質——不是把邊緣弄模糊，而是用部分透明的像素模擬出亚像素的精確邊界。
這裡有一個容易被忽略的重點：覆蓋率的計算精度直接影響放大後的品質。當你放大到 1000%，一個像素對應的圖形區域極小，覆蓋率計算必須非常精確，否則邊緣會出現階梯狀的色塊。這也是為什麼高效能向量渲染器會使用超取樣（supersampling）或解析式覆蓋率計算來提升精度。
4.3 GPU 加速與向量渲染的難題
有趣的是，向量渲染其實比點陣渲染更難 GPU 化。點陣圖只要把紋理貼上去就好，GPU 非常擅長；但向量圖需要即時計算覆蓋率，傳統 GPU 管線並不擅長處理任意曲線的填充。
業界的解法有幾種：一是「模板緩衝法」（stencil-then-cover），先把路徑的內部標記出來再填色；二是用計算著色器（compute shader）做路徑細分與覆蓋率計算；三是預先將向量快取成紋理（tiling），只在縮放層級改變時重新光柵化。這些技術決定了軟體在「縮放時的即時預覽流暢度」上的表現，也是各家繪圖引擎的技術護城河。
4.4 為什麼有些軟體放大會「卡」
綜合以上，縮放卡頓通常來自三個原因：其一，細分密度隨倍率暴增，幾何計算量太大；其二，軟體採用「每次縮放都重新光柵化」的策略，沒有做快取；其三，檔案本身的節點數太多（例如自動描圖產生的數十萬節點），任何操作都會變慢。
這也解釋了一個實務現象：同樣是向量檔，一個手繪的乾淨路徑在放大時如絲般滑順，一個從照片自動描圖來的路徑卻可能讓電腦風扇狂轉。問題往往不在「向量」這個格式，而在「路徑的品質」。
五、軟體評測：五大向量繪圖工具的縮放表現
談完原理，回到實務。以下針對五款主流向量繪圖軟體，從「縮放相關的實際表現」進行評測。評測重點包括：縮放上限、極高倍率下的預覽流暢度、路徑編輯精度、以及輸出品質的穩定性。
5.1 Adobe Illustrator
Illustrator 是業界標準，其縮放上限依版本不同可達數萬百分比，足以應付絕大多數實務需求。它的優勢在於路徑運算非常成熟：鋼筆工具的控制點行為穩定、布林運算的結果乾淨、對稱與對齊的精度高。在極高倍率下，它的即時預覽仍能維持相當流暢，這得益於其長期最佳化的渲染核心。
缺點是它對「超大畫布」的處理仍有邊界，且在處理節點數極多的檔案（例如大型地圖或自動描圖結果）時，效能會明顯下滑。另外，它的檔案格式（.ai）本質上是 PDF 的變體，跨軟體交換時偶爾會出現微小的座標取整差異。
5.2 Inkscape
Inkscape 是开源陣營的代表，原生使用 SVG 作為工作格式，這讓它在「向量本質」上非常純粹。它的縮放可以拉到極大的倍率，適合用來檢視路徑細節與節點位置。節點編輯工具相對於 Illustrator 更直覺，對學習者友善。
不過在極高倍率下的預覽流暢度，Inkscape 明顯不如商業軟體，尤其是在節點數眾多的檔案上。這是因為它的渲染路徑較長、快取策略較保守。對一般設計工作完全夠用，但若你經常處理超大型圖面，會感受到差異。
5.3 Affinity Designer
Affinity Designer 近年在性價比上極具競爭力。它同時支援向量與點陣工作區，縮放表現相當穩定，尤其在即時預覽的流暢度上，給人「輕快」的感受。它的渲染引擎針對現代硬體做了不錯的最佳化，即使在中階筆記型電腦上，放大到高倍率也不至於嚴重卡頓。
它的限制在於生態系與外掛支援不如 Adobe 完整，且部分進階路徑運算（例如複雜的布林組合）在邊界案例下的結果，仍不如 Illustrator 穩定。但以「縮放與編輯的日常體驗」而言，它是非常稱職的選擇。
5.4 CorelDRAW
CorelDRAW 在印刷與大圖輸出領域有深厚根基，對「大尺寸、高精度」的處理相當有經驗。它的縮放與定位精度在處理大型看板、車體廣告這類需求時表現可靠，數值輸入與對齊工具也很紮實。
它的介面與工作流程對新一代設計師較不直覺，跨平台支援也不如其他競爭者。但若你的工作核心是印刷輸出與大圖製作，「縮放後不失真」這件事在 CorelDRAW 上是相當被重視的基本盤。
5.5 Figma
Figma 是雲端協作的代表，它的向量能力足以應付 UI 設計的絕大多數需求，縮放時的預覽非常流暢，這與它把渲染工作大量交給瀏覽器與 GPU 有關。它的「約束」與「自動佈局」讓縮放不只是幾何放大，而是版面的智慧重排。
不過 Figma 的定位畢竟是介面設計工具，對於複雜的印刷路徑運算、超高精度的節點編輯，能力不如專業繪圖軟體。它的價值在於「協作與迭代速度」，而不是「極限的向量精度」。
軟體
縮放上限
極高倍率預覽流暢度
路徑運算精度
適合場景
Adobe Illustrator
極高（數萬 %）
優異
優異
專業印刷、品牌設計、複雜插畫
Inkscape
極高
中等
良好
學習、开源工作流、SVG 原生編輯
Affinity Designer
優異
良好
中小型設計團隊、向量＋點陣混合工作
CorelDRAW
良好
優異
大圖輸出、印刷、招牌製作
Figma
優異
中等
UI/UX 設計、團隊協作、原型
六、實務建議：什麼時候該用向量、什麼時候不該
理解原理之後，最重要的還是「怎麼用」。以下整理幾個實務判斷原則，幫助你在專案中做出正確選擇。
6.1 適合向量的場景
舉凡商標、圖示、字型、資訊圖表、UI 元件、工程圖、地圖、印刷品（名片、海報、包裝）、以及需要輸出到多種尺寸的素材，向量都是首選。特別是「同一份檔案要輸出到從手機螢幕到戶外看板」這種需求，向量的優勢無可取代。
此外，需要機器精度的場景——雷射切割、CNC 銑床、刺繡打版——也高度依賴向量路徑，因為機器需要的是「幾何座標」而不是「像素顏色」。
6.2 不適合的場景
照片、影片、具有複雜漸層與雜訊的圖像、以及需要呈現真實光影質感的插畫，通常不適合純向量。你可以用網格漸層或模糊濾鏡去模擬，但檔案會變得很重，效果也未必自然。這時候用高解析度點陣圖，反而是更有效率的選擇。
另一個常見誤區是「把照片自動描圖成向量」。技術上可行，但產生的路徑節點往往多到失去向量「輕量、可編輯」的意義，最後得到一個又大又難編輯、畫質還不如原圖的檔案。這在實務上通常不是好主意。
6.3 匯出策略
工作時用向量、交付時依用途匯出，是最穩健的流程。網頁用途可輸出 SVG（可縮放、體積小、可透過程式控制顏色）；需要兼容舊系統時輸出高解析度 PNG；印刷則交給印廠處理 PDF 或 AI 檔，並確認色彩模式（CMYK）與出血設定。
特別提醒：SVG 雖然是向量格式，但若裡面嵌入了點陣圖（<image> 標籤），那張圖本身仍然會受限於原始解析度。很多「SVG 放大會模糊」的案例，追根究底都是因為裡面藏了點陣素材。
七、結語：無限縮放的本質，是「延後決定」的智慧
回到最初的問題：向量繪圖為什麼能無限縮放？答案其實可以濃縮成一句話——因為它把「畫成像素」這個決定，延後到最後一刻才做。
點陣圖在建立的那一刻就決定了每個像素的顏色，之後所有的縮放都只是猜測；向量圖則把形狀留在數學描述裡，等到真的要輸出的時候，才依照當下的解析度即時計算。這種「延後決定」的設計，讓同一份資料可以適應無限多種輸出情境，也讓設計與輸出得以徹底解耦。
當然，「無限」是有邊界的：渲染器的細分精度、浮點數的有效位數、檔案格式的座標取整，都會在極端倍率下顯現。但對絕大多數實務需求而言，這些邊界遠在天邊，根本不構成困擾。真正該在意的，反而是路徑的品質——乾淨的節點、合理的布林運算、避免不必要的效果堆疊，這些才是讓向量檔「又輕又準」的關鍵。
下次當你在軟體裡把畫面放大到 6400%，看著邊緣依然銳利乾淨時，不妨想想這件事：你看到的不是一張被放大的圖片，而是一段被重新計算的數學。這就是向量繪圖最優雅的地方。