Skip to main content
DevTools24

SVG最適化ツール

不要なデータを削除してコードを圧縮することでSVGファイルを最適化します。SVGOを使用。

Drop an SVG file or click to upload

SVG files only

Optimization Options

About SVG Optimization

  • • Removes unnecessary metadata, comments, and editor data
  • • Optimizes path data and numeric values
  • • Merges similar paths and collapses groups
  • • Minifies CSS and converts colors to shorter formats

SVG Optimization - 技術的な詳細

SVG files from design tools often contain unnecessary metadata, comments, and editor-specific data. SVGO removes this bloat, optimizes path data, and minifies the code—typically reducing file size by 50% or more.

コマンドラインでの代替方法

# Optimize with SVGO CLI\nnpx svgo input.svg -o output.svg\n\n# Optimize entire folder\nnpx svgo -f ./icons\n\n# With specific plugins\nnpx svgo input.svg --disable=removeViewBox

参照

公式仕様を見る