SVGOを使用してSVGファイルをミニファイ・圧縮します。メタデータ、コメント、冗長コードを削除 — すべてブラウザ内で。
Optimize up to 50 SVG files at once and download as a ZIP.
| プラグイン | 機能 |
|---|---|
| removeComments | Removes XML and SVG comments |
| removeMetadata | Removes <metadata> blocks added by design tools |
| cleanupAttrs | Cleans up attribute formatting and whitespace |
| minifyStyles | Minifies inline CSS style attributes |
| cleanupIds | Removes unused IDs and shortens referenced ones |
| convertColors | Converts colors to shorter hex notation |
| convertPathData | Optimises path data commands and coordinates |
| mergePaths | Merges adjacent paths with identical styles |
| collapseGroups | Collapses unnecessary group elements |
| removeUselessDefs | Removes <defs> with no referenced elements |
SVG最適化はSVGファイルから不要なコンテンツを削除します:エディタのメタデータ、コメント、非表示要素、デフォルト属性値、冗長な空白。パスを結合し、図形をより短い等価物に変換し、小数座標を丸めます。結果は同じようにレンダリングされる、より小さくクリーンなSVGです。
節約量はSVGの作成方法によって大きく異なります。IllustratorまたはInkscapeからエクスポート:50-80%削減。手動最適化SVG:10-30%。FigmaなどのデザインツールのSVGはすでにある程度クリーン:20-50%。このツールは正確なバイト節約量を表示します。
デフォルト設定では、最適化はロスレスです — 最適化されたSVGは元のSVGと同じようにレンダリングされます。viewBoxの削除やスタイルの結合などのアグレッシブなオプションは、スケーリングや外部スタイリングに影響を与える可能性があります。このツールは安全なデフォルトSVGOプリセットを使用します。
はい。最適化されたインラインSVGをHTMLに直接貼り付けることができます。imgタグやCSS背景の場合は.svgファイルとして保存してください。非常に小さいアイコンの場合は、HTTPリクエストをゼロにするためにデータURI(例:url("data:image/svg+xml,..."))への変換を検討してください。