壓縮 SVG 檔案

SVG（Scalable Vector Graphics，可縮放向量圖形）並非由像素構成——它是一份以 XML 撰寫的文字檔，用數學指令描述形狀、路徑與顏色。這正是為什麼一個 SVG logo 無論縮放到多大——從網站小圖示到大型看板——都能保持完美銳利，也是它成為網路上 logo、圖示與插畫首選格式的原因。因為它是程式碼而非點陣網格，壓縮 SVG 代表的是清理程式碼，而不是捨棄視覺細節——所以省下的容量幾乎不會犧牲任何畫質。

Illustrator、Figma、Sketch 等設計工具匯出的 SVG，技術上完全正確，卻常常塞滿雜亂內容。這些額外負擔累積起來相當可觀，尤其是當你把幾十個圖示直接內嵌到頁面裡時：

• 瀏覽器根本不會理會的編輯器中繼資料、註解與命名空間
• 座標小數位過多（用兩位數就夠了，卻寫成十位數）
• 隱藏圖層、空群組與未使用的定義
• 可以精簡的冗餘屬性與內嵌樣式
• 給人類看的空白與縮排，瀏覽器根本用不到

MiCompress 會像建置工具一樣精簡你的 SVG：清除編輯器殘留內容與註解、把座標四捨五入到合理的精度、合併冗餘屬性、移除隱藏和空的元素，並擠出不必要的空白。渲染出來的畫面在肉眼看來逐位元組完全相同，因為這些變動都不會觸及真正的形狀——只會改變它們被寫下來的方式。最終結果是一個更小、更乾淨的 SVG，渲染速度更快，也更容易直接內嵌到你的 HTML 或 CSS 中。

與 JPG、PNG 或 WebP 不同，SVG 壓縮在關鍵意義上是真正無損的：因為你最佳化的是描述向量的程式碼，圖形依然可以無限縮放，在任何縮放層級下都像素完美。這裡沒有品質滑桿，也沒有需要權衡的取捨。唯一會縮減的是檔案中的字元數量——而這正是每次頁面載入都要下載的素材最需要的特質。

對 logo、圖示和簡單插畫來說，SVG 幾乎總是勝過點陣格式：它通常更小、永遠銳利，還能用 CSS 來設計樣式或做動畫。只有當圖像是照片，或帶有複雜、繪畫般的細節、無法簡化成乾淨向量路徑時，才該改用 PNG 或 WebP。如果你現在還在把圖示匯出成 PNG，改用精簡過的 SVG 通常能大幅減輕容量，同時消除高解析度螢幕上常見的模糊感。