SVG ダイエットツール

このツールでできること

• 埋め込み画像を WebP に変換: SVG 内の <image> タグに埋め込まれた PNG / JPEG データを WebP に変換してサイズを削減します
• メタデータ削除: Inkscape・Illustrator・XMP など、描画に不要なエディタ固有タグや <metadata> 要素を削除します
• コメント削除: SVG ファイル内の XML コメント (<!-- ... -->) を削除します
• 未使用 ID の削除: fill="url(#...)" や href="#..." などで参照されていない ID 属性を削除します
• 未使用クラスの削除: SVG 内の <style> ブロックで定義されていないクラスを削除します
• ミニファイ: タグ間の余分な空白・改行を削除してファイルサイズを削減します

よくある質問

Q. アップロードした SVG ファイルのプライバシーはどう守られていますか?

A. すべての処理はお使いのブラウザ内で完結します。ファイルの内容が外部に送信されることはありません。

Q. Illustrator / Inkscape で書き出した SVG に特に効果がありますか?

A. はい。これらのツールは編集情報・バージョン履歴・作成者メタデータを大量に埋め込む傾向があります。「メタデータを削除」オプションで大幅な削減が見込めます。

Q. 最適化後に SVG が表示されなくなることはありますか?

A. グラデーション・クリッパス・フィルターなどは ID 参照で機能するため、「未使用 ID の削除」が誤検知した場合に表示が崩れる可能性があります。必ず適用後に表示を確認し、問題がある場合はこのオプションを OFF にしてください。

Q. 「未使用クラスを削除」を ON にしたら外部 CSS のスタイルが効かなくなりました

A. このツールが「未使用」と判断するのは SVG 内の <style> ブロックに記述のないクラスです。SVG を HTML に埋め込んで外部 CSS から参照している場合、そのクラスも削除されます。<img src="..."> として使う場合は安全です。

Q. ミニファイすると一部のテキストの見た目が変わりました

A. ミニファイはタグ間の空白を除去しますが、<text> 要素の直前・直後の改行も影響を受ける場合があります。テキストを含む SVG では慎重にお使いください。