SVGOMG

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

  • 網頁工具
前往 SVGOMG 官方網站

這是什麼

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

為何推薦

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

適合誰

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

常用情境

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

Color.review

快速比較前景與背景色對比，並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility

Easing Editor

Anime.js 的彈簧緩動編輯器，可預覽動態並匯出 CSS 或 JavaScript 值。

  • animation
  • easing
  • css

Easing Functions

視覺化查閱常見緩動曲線，以及它們如何隨時間改變動態。

  • animation
  • reference
  • easing