SVG 通常可以縮小多少?

從設計工具匯出的檔案通常縮小 40% 到 70%,若原檔含有大量中繼資料則更多。對於本身已精簡的手寫 SVG,節省會較少——通常在 10% 到 20% 之間。

最佳化會改變 SVG 的外觀嗎?

在肉眼可見的尺度上不會。最佳化器會精確保留渲染結果。路徑精度可調——預設精度下,使用者實際會用到的任何縮放程度都看不出差異。

會去除 viewBox 嗎?

不會。viewBox 對 SVG 縮放至關重要,永遠會被保留。當 viewBox 已足以表達時,最佳化器會去除多餘的 width 與 height 屬性。

可以保留特定的中繼資料嗎?

可以。預設會去除編輯器專屬中繼資料,但無障礙中繼資料(titles、descriptions、ARIA roles)會被保留。若需要更精細的控制,可逐項切換最佳化階段。

我的 SVG 會被送到伺服器嗎?

不會。最佳化完全在您的瀏覽器中執行。

SVG 最佳化工具 — 線上壓縮與整理 SVG 檔案

SVG 最佳化與壓縮工具

注重隱私的設計 — 完全在您的瀏覽器中執行

在瀏覽器中壓縮並清理 SVG 檔案。Toova 會去除中繼資料、簡化路徑、收斂多餘元素,輸出體積更小、載入更快的 SVG,而且渲染結果與原本完全一致——不需要把檔案上傳到任何地方。

會去除什麼

從設計工具匯出的 SVG 檔通常充滿冗餘:編輯器中繼資料、沒有人引用的 XML 命名空間、註解、空群組、多餘的 transform,以及精度超過任何螢幕能呈現的浮點座標。Toova 會在不影響視覺輸出的前提下全部去除。結果通常會縮小 40% 到 70%,從 Illustrator 或 Sketch 匯出的檔案有時甚至更多。

路徑簡化

路徑資料常常是 SVG 檔最大的一塊。Toova 會把座標四捨五入到可設定的精度、移除直線上的多餘控制點,並把冗長語法轉換成等價的精簡寫法。除非您把精度調到極低或無限放大,否則結果在視覺上與原本一致。較低精度代表檔案更小,但極端放大時會略不平滑。

純本機運作

每一次最佳化都在您的瀏覽器中執行。您貼上的 SVG——可能是品牌素材、未發表的圖示或任何專有圖像——不會離開頁面。最佳化期間 Network 分頁會保持空白,網頁載入後可離線運作。可以安全地用於設計系統工作與內部素材整理。

常見問題

SVG 通常可以縮小多少?: 從設計工具匯出的檔案通常縮小 40% 到 70%,若原檔含有大量中繼資料則更多。對於本身已精簡的手寫 SVG,節省會較少——通常在 10% 到 20% 之間。
最佳化會改變 SVG 的外觀嗎?: 在肉眼可見的尺度上不會。最佳化器會精確保留渲染結果。路徑精度可調——預設精度下,使用者實際會用到的任何縮放程度都看不出差異。
會去除 viewBox 嗎?: 不會。viewBox 對 SVG 縮放至關重要,永遠會被保留。當 viewBox 已足以表達時,最佳化器會去除多餘的 width 與 height 屬性。
可以保留特定的中繼資料嗎?: 可以。預設會去除編輯器專屬中繼資料,但無障礙中繼資料(titles、descriptions、ARIA roles)會被保留。若需要更精細的控制,可逐項切換最佳化階段。
我的 SVG 會被送到伺服器嗎?: 不會。最佳化完全在您的瀏覽器中執行。