SVGOMG

使用 SVGO 設定來最佳化 SVG 檔案的瀏覽器介面。

前往 SVGOMG 官方網站

簡介

SVGOMG 是 SVGO 的視覺化介面,可開啟 SVG 檔或貼上 markup。

為何收錄

它提供最佳化開關與原始檔比較,讓匯出前的 SVG 清理更容易檢視。

適合的工作

正在為網頁準備介面圖示、插圖或其他 SVG 素材的人。

可以怎麼用

  • 提交前縮小 SVG
  • 檢查哪個最佳化會修改 markup
  • 測試精度與清理選項

選擇前須知

它提供 SVGO 的圖形化設定介面,適合需要逐項調整 SVG 最佳化選項的人。輸出前建議比對圖像,特別留意精度調整後的小尺寸圖示;這裡處理的是 SVG,不是照片壓縮。

官方資料

SVG Viewer

在同一個頁面編輯 SVG 程式碼與查看預覽,確認顏色、尺寸與圖形位置後下載 SVG。

  • svg
  • preview
  • editor

網頁工具

draw.io

在瀏覽器排列圖形、編輯標籤與連接流程,完成後匯出 SVG 圖檔。

  • diagram
  • flowchart
  • svg

網頁工具

Bundlephobia

在安裝前查看 npm 套件的壓縮大小、下載時間與依賴組成。

  • npm
  • bundle-size
  • optimization

網頁工具