快速且注重隱私的 SVG 最佳化工具
可縮放向量圖形 (SVG) 是網頁上呈現清晰銳利、不失真圖示與插圖的標準格式。然而，從設計軟體匯出 SVG 時，產生的檔案通常並未針對正式環境進行最佳化。這款 SVG 最佳化工具能讓您快速清理向量圖形，移除多餘的冗餘資料並大幅縮小檔案體積，且完全不影響視覺品質。
由於本工具完全在您的瀏覽器端執行，您的圖檔絕不會上傳至任何伺服器。您可以安心壓縮包含企業 Logo、未公開產品設計或機密圖表的 SVG 檔案。處理過程瞬間完成，不僅即時顯示節省的檔案大小，還提供視覺化的壓縮前後對比，確保您的圖形完美無損。
為什麼需要壓縮 SVG 檔案
與儲存像素資料的點陣圖（如 JPEG 或 PNG）不同，SVG 本質上是 XML 文字檔，包含了繪製形狀的數學指令。當向量繪圖軟體產生這些檔案時，通常會夾帶大量多餘的資料，而瀏覽器在渲染圖片時根本不需要這些資訊。
SVG 檔案肥大的常見原因包括：
- 編輯器中繼資料： 建立該檔案的軟體專屬標籤與屬性，僅供編輯時使用。
- 註解與空元素： 開發者筆記、空群組（
<g>）以及對最終視覺呈現沒有任何作用的隱藏圖層。 - 精度過高： 帶有六位或更多小數的路徑座標（例如
14.123456），這會佔用不必要的位元組。 - 預設屬性： 與瀏覽器預設行為一致的樣式與屬性，不需要額外明確宣告。
透過使用 SVG 壓縮工具，您可以清除這些隱藏的文字。當您縮小 SVG 檔案大小後，網頁載入速度會變快，消耗的頻寬會減少，進而提升網站的整體效能與 SEO 排名。
如何線上壓縮 SVG
本工具提供多項自訂選項，讓您能精細控制最佳化過程。您可以根據最終圖形的使用方式來微調這些設定，在檔案大小與程式碼可讀性之間取得完美平衡。
浮點數精確度
向量路徑是使用座標來繪製的。設計軟體匯出時通常會保留極高的座標精確度，產生一長串的數字。透過降低浮點數精確度（小數位數），您可以大幅減少檔案的字元數。對於網頁圖示來說，精確度設為 1 或 2 通常就非常完美了。如果您在視覺預覽中發現曲線出現鋸齒，或是形狀發生偏移，只需調高精確度滑桿，直到圖片恢復正常即可。
多次最佳化
最佳化通常是個層層遞進的過程。移除一個不必要的元素後，可能會讓其父元素變成空白，進而也能一併移除。啟用「多次最佳化」設定會指示最佳化工具重複執行清理程序，直到檔案大小無法再縮減為止。這能確保輸出檔案達到最小化。
移除尺寸
預設情況下，許多 SVG 匯出時會帶有寫死的 width 和 height 屬性（例如：width="500px"）。雖然這會將圖片固定在特定尺寸，但會增加響應式網頁設計的難度。勾選「移除尺寸」會刪除這些屬性，同時保留 viewBox。這能讓 SVG 根據其父容器的 CSS 進行流暢縮放，在現代網頁排版中使用起來更加方便。
美化輸出
如果您的目標是追求極致的最小檔案大小，請不要勾選此項目。工具將會輸出成密集的一行程式碼。不過，如果您清理 SVG 後打算手動編輯、製作動畫，或是直接嵌入 HTML 文件中，勾選「美化輸出」將會為輸出的程式碼加上整齊的縮排與換行。
向量圖形最佳實務
最佳化 SVG 只是建立快速、無障礙網站的其中一步。處理向量圖形時，請考慮其應用方式。如果您將 SVG 直接內嵌至 HTML 中，壓縮 SVG 對於縮小 HTML 檔案大小至關重要。您也可以透過 HTML 壓縮工具或 CSS 壓縮工具來處理整個網頁，以達到最佳效能。
最佳化後，請務必查看預覽畫面。雖然大多數 SVG 都能完美壓縮，但帶有複雜漸層或精確剪裁路徑的高度複雜插圖，可能需要較高的浮點數精確度才能保持原始外觀。內建的壓縮前後對比檢視器，讓您在下載壓縮檔前，能輕鬆發現任何非預期的變化。
最後，雖然 SVG 非常適合用於標誌、圖示與扁平化插圖，但並不適合複雜的照片。如果您的 SVG 主要是由內嵌的點陣圖（例如 base64 編碼的 JPEG）所組成，最佳化的效果將微乎其微。在這種情況下，直接使用 SVG 轉 PNG 轉換工具將圖形轉檔會是更好的選擇。