如何使用
- 點擊「加載示例 SVG」查看一個帶冗餘元資料的設計導出圖示如何被精簡，或拖曳輸入自己的
.svg檔案。 - 也可以把從 Figma、Illustrator、Sketch 或代碼倉庫複製的原始
<svg>代碼貼上到輸入框。 - 選擇「標準」進行更穩妥的預設最佳化；需要進一步減小體積時，再切換到「激進」。
- 查看「原始體積」「最佳化後體積」和「已節省」，並用右側預覽確認圖形沒有明顯變化。
- 點擊「複製 SVG 代碼」用於 HTML、React 或圖示組件，或點擊「下載 SVG」保存最佳化檔案。
示例場景：把設計工具導出的品牌圖示貼上進工具，確認節省比例和預覽效果後，複製精簡後的內聯 SVG 用於網頁導航欄或按鈕圖示。
核心功能
- SVGO 驅動的 SVG 壓縮：使用瀏覽器端 SVGO 精簡向量標記，去除元資料、空分組和可壓縮屬性。
- 清理 Figma / Illustrator 導出代碼：適合把設計工具導出的冗長 SVG 變成更適合上線的圖示代碼。
- 即時體積對比：載入後顯示原始體積、最佳化後體積和節省比例，快速判斷是否值得替換資源。
- 複製代碼或下載檔案：一鍵複製最佳化後的
<svg>標記，也可以下載新的.svg檔案。 - 本機處理保護設計資產：檔案讀取、SVGO 最佳化、預覽和導出都在當前瀏覽器內完成，不上傳圖示、Logo 或未公開插畫。
相關工具
圖片標註模糊？EasyTools 提供支援 SVG 無損縮放與 WebP 高效導出的通用蓋章工具。保留 PNG 透明背景，一鍵導出 JSON 坐標資料。瀏覽器本機處理，隱私安全，全格式兼容。
將照片或像素畫轉成可編輯拼豆圖紙，支援品牌參考色、用量統計、PNG、CSV 與 1:1 PDF 匯出；全程在瀏覽器本機處理。
在瀏覽器本機按像素或常用預設調整圖片尺寸，鎖定比例、預覽輸出並下載結果，無需上傳照片。
在瀏覽器本機批次轉換 WebP、JPG、PNG 等圖片格式，支援拖曳、品質控制、預覽和下載，無需上傳圖片，沒有人爲檔案大小限制。
將 PNG、JPG、WebP 圖片轉換爲多尺寸 ICO favicon。使用瀏覽器 Canvas 本機處理，不上傳設計檔案，生成後即可下載。
將 SVG 向量圖轉換爲透明背景 PNG。支援批次拖曳、1x/2x/4x/8x 高畫質縮放，所有讀取、渲染和下載都在瀏覽器本機完成。
在瀏覽器中將 iPhone 的 HEIC 照片批次轉換爲 JPG 格式。100% 保護隱私，不限制檔案大小和轉換張數，所有處理全在您的設備上本機完成。
完全在瀏覽器本機運行的 Adobe Illustrator (.ai) 轉換器。支援免安裝軟件將 AI 檔案轉換爲 PDF、JPG 或 PNG 格式。100% 隱私安全，不上傳伺服器。
計算邏輯
SVG 最佳化不是把向量圖轉成位圖，而是清理 XML 向量標記本身。本工具調用運行在瀏覽器端的 SVGO，常見處理包括刪除編輯器元資料、合併無意義分組、移除空屬性、壓縮路徑和捨入坐標。
「標準」模式偏向穩妥，適合大多數圖示和插畫；「激進」模式會啓用多輪最佳化並使用更短數值精度，體積可能更小，但極複雜路徑可能出現細微視覺差異。工具不會點陣化 SVG，最佳化後仍然是可複製、可下載的向量代碼。
常見問題
如何減小 SVG 檔案體積？
最常見的方法是移除設計工具寫入的元資料、空分組、冗餘屬性和可壓縮路徑。本工具會用 SVGO 在瀏覽器裏執行這些最佳化，並顯示節省比例。
如何清理 Figma 導出的 SVG 代碼？
把 Figma 導出的 .svg 檔案拖曳輸入工具，或直接貼上 <svg> 代碼。建議先用「標準」模式檢查結果，確認預覽正常後再複製或下載。
SVG 壓縮會降低圖片品質嗎？
通常不會。SVG 是向量標記，SVGO 主要移除不可見的元資料和冗餘結構。不過極複雜路徑在「激進」模式下可能出現細微變化，建議先看預覽再替換生產資源。
這個工具會上傳我的圖示或插畫嗎？
不會。檔案讀取、SVGO 最佳化、預覽、複製和下載都在瀏覽器本機完成。
可以把最佳化後的 SVG 直接用於 HTML 嗎？
可以。「複製 SVG 代碼」會複製完整的 <svg> 標記，適合內聯到 HTML、React 組件或圖示系統。
它能把 PNG 或 JPG 轉成 SVG 嗎？
不能。這個工具只最佳化已有 SVG 向量代碼，不執行位圖轉向量。