跳至內容
Image Toolkit

SVG 最佳化工具

在本機最佳化 SVG 標記,比較檔案大小並在下載前檢查渲染結果。

在你的裝置上執行 免註冊
本機開發者工具

使用方式

  1. 01

    準備您的來源檔案

    選擇支援的來源圖片,或在工具提供時從文字範本開始。

  2. 02

    調整結果

    在瀏覽器中使用 SVGO 最佳化靜態 SVG。設定小數精度、比較來源和輸出大小,並檢查最佳化後的渲染。指令碼、外部資源、嵌入式 HTML 和動畫會被此靜態圖片工作區拒絕。

  3. 03

    檢查並下載

    檢查完整的預覽和輸出設定。下載完成的資產,並保留原始檔案以供比較。

關於此工具

使用 SVG 最佳化工具建立

在本機最佳化 SVG 標記,比較檔案大小並在下載前檢查渲染結果。

在瀏覽器中使用 SVGO 最佳化靜態 SVG。設定小數精度、比較來源和輸出大小,並檢查最佳化後的渲染。指令碼、外部資源、嵌入式 HTML 和動畫會被此靜態圖片工作區拒絕。

取得更好結果的技巧

  • 降低數值精度可能會影響細緻形狀。最佳化工具會保留 viewBox 並避免清理 ID。請以預期尺寸檢查輸出,並保留來源檔案以供日後編輯。
  • 在檢查結果前保留原始檔案。
  • 以預期的顯示尺寸檢查小文字和細緻邊緣。
  • 圖片處理在您的瀏覽器中進行。請在關閉分頁前下載結果。本工具不會覆蓋您的原始檔案。

常見問題

如何使用 SVG 最佳化工具? +

選擇支援的來源圖片,或在工具提供時從文字範本開始。在瀏覽器中使用 SVGO 最佳化靜態 SVG。設定小數精度、比較來源和輸出大小,並檢查最佳化後的渲染。指令碼、外部資源、嵌入式 HTML 和動畫會被此靜態圖片工作區拒絕。

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

降低數值精度可能會影響細緻形狀。最佳化工具會保留 viewBox 並避免清理 ID。請以預期尺寸檢查輸出,並保留來源檔案以供日後編輯。

我的輸入檔案在哪裡處理? +

圖片處理在您的瀏覽器中進行。請在關閉分頁前下載結果。本工具不會覆蓋您的原始檔案。

可以使用哪些檔案? +

接受的輸入:SVG。可用輸出:SVG。瀏覽器解碼支援和所選的輸出設定決定了哪些來源檔案可以處理。

需要帳戶嗎? +

此工具無需帳戶。您可以在儲存到裝置前檢查輸出結果。

相關工具