SVG 最佳化與精簡

SVG 最佳化與精簡

在將 SVG 標記放入網站、文件頁面或前端套件之前，請先進行清理。此保守的瀏覽器端最佳化工具可移除註解，並可移除中繼資料、標題及描述區塊，同時可壓縮標籤間的空白。它會保留現有的 viewBox，並避免激進的路徑重寫，使結果更易于審查。

本指南說明完整的瀏覽器工作流程、結果包含的內容，以及分享前需檢查的事項。此工具刻意專注於單一明確的文件任務。它不會悄悄加入無關的編輯、轉換、上傳或雲端儲存功能。這種狹小的範圍使輸入和輸出更易于理解，並提供實用方式來驗證下載的文件。

如何使用

請從您想要處理的文件副本開始。頁面可能需要先載入瀏覽器庫才能執行相關操作，特別是對於 PDF 或影片任務。請遵循以下步骤：

1. 選取您擁有或授權可編輯的 SVG 文件。
2. 選擇是否要移除中繼資料、標題和描述區塊。
3. 選擇是否要壓縮標籤之間的空白。
4. 點擊「最佳化 SVG」，並在輸出面板中審查序列化後的 SVG 文字。
5. 下載結果，在目標瀏覽器中測試，並在內嵌前檢查原始碼。

當文件非常重要或結構異常複雜時，請先使用小型的具代表性文件。在關閉分頁前，請等待狀態訊息顯示處理完成。如果瀏覽器報告解碼、記憶體或相容性錯誤，請嘗試較小的文件或更通用的來源格式。下載不會取代原檔，因此在檢查結果之前，請保留原檔。

適用使用情境

此工具適用於以下專注且可重複執行的文件準備任務：

• 從生產資產中移除註解及非必要的描述區塊。
• 為前端套件或文件範例建立更小、更乾淨的 SVG 字串。
• 準備已核准的圖示，用於元件庫或靜態網站。
• 在決定 SVG 應內嵌或作為影像資源之前，審查 SVG 標記。

當您需要多軌時間軸、進階字體排印、複雜 PDF 表單、專業色彩管理、鑑識中繼資料保證，或針對每個專有文件功能的精確往返保證時，此工具無法取代完整的桌面編輯器。請使用符合目標的特定任務，並在依賴結果前，將下載的文件與來源進行比較。

輸出格式

輸出是由瀏覽器 DOM 解析器和 XML 序列化器序列化的 SVG 文字文件。註解會被移除，選擇性的中繼資料元素可被移除，重複空白可被減少。現有的 viewBox 數值會保留。這並非完整的 SVG 最佳化工具：它不保證路徑簡化、座標精度降低、CSS 內嵌、無障礙性撰寫、影像嵌入、動畫保留，或逐位元等價。請在目標環境中比較渲染、尺寸、樣式、過濾器、連結及無障礙標籤。

下載結果是新文件或套件；它不會修改輸入面板中選取的文件。當實際可行時，檔名會根據來源名稱生成，並加上任務特定後綴，以便於區分原始檔案與結果。ZIP 結果可能包含多個生成的資產，應開啟以確認預期文件存在。對於文字結果，下載後請審查換行符、編碼、縮排及任何平台特定的語法。對於視覺或文件結果，請檢查尺寸、頁面順序、播放、字體、連結、透明度，以及對目標環境重要的其他功能。

隱私

SVG 文字在瀏覽器中解析並序列化，不使用遠端最佳化 API。本地處理並不代表輸出可安全嵌入。在依您的內容安全策略審查之前，請將腳本、事件處理常式、外部參考、嵌入影像、CSS 及連結視為不可信。請使用受信任的裝置處理專有藝術作品，並將原始來源納入版本控制，以便在必要時還原最佳化。

瀏覽器處理不等於保證所有周圍的網站、瀏覽器擴充功能、作業系統或共用電腦都是私密的。請使用受信任的裝置，在敏感工作後關閉分頁，並避免在公用電腦上處理機密資料。請勿選取您不擁有或無權限編輯的文件。如果您的組織要求有記錄的資料處理協議、保留政策或稽核軌跡，請改用已核准的內部工作流程，而非僅依賴公用瀏覽器工具。

品質與相容性說明

XML 序列化可能會改變格式和名稱空間呈現方式，即使視覺結果看起來相似。移除標題或描述元素可能會影響無障礙性，而壓縮空白對於某些對文字敏感的 SVG 建構可能不安全。此最佳化工具刻意保持保守，不應被描述為安全消毒工具或保證尺寸最小化的引擎。最佳化後請測試圖示、過濾器、遮罩、動畫、字體及外部參考。

成功下載僅代表瀏覽器已建立結果；這並不保證所有目標應用程式都能按預期接受或顯示它。請在將用於結果的應用程式、網站或裝置中開啟該結果。當準確性至關重要時，請並列比較來源和輸出，並保留來源作為可還原的主檔。