SVGの不要な情報と空白を削除

コメント・メタデータ・余分な空白を取り除きます。文章や画面を整える制作者が、公開前に内容や見え方を確認したいときに便利です。

コメント・メタデータ・余分な空白を取り除きます。結果はブラウザーですぐ確認でき、登録なしでそのまま使え、入力内容はアップロードも保存もされません。

使い方

  1. SVG ファイルのソースコードを入力エリアに貼り付けるか、コンピューターからファイルを読み込みます。
  2. 最適化を開始し、コメント、メタデータブロック、不要な空白を削除します。
  3. コードを削減した後も、グラフィックが正しく表示されることを確認します。
  4. 元のファイルのバックアップを保持しながら、生成された SVG をプロジェクトにコピーします。

使用例

サンプルは、コメントとメタデータブロックを含む小さなアイコンです。最適化後は、コードのサイズを比較し、パスが同じように描画されることを確認してください。クリーンアップは、図を変えずにファイルを軽くするはずです。

入力

<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>
  <!-- icon draft -->
  <metadata>draft</metadata>
  <path d='M4 4 L20 20' fill='none' stroke='black'/>
</svg>

制限と形式

処理の場所

クリーンアップは完全にブラウザー内で行われます。SVG コードがアップロード、共有、保存されることはないため、まだ公開していないアートワークを誰にも見せずに調整できます。

よくある質問

最適化すると色や寸法は変わりますか？

いいえ。ツールが対象にするのは、レンダラーが必要としないコードです。描画属性はそのまま残りますが、念のため結果を開いて予期しない変化がないか確認する価値があります。

アニメーション付きの SVG を最適化できますか？

クリーンアップで主に削除されるのは、コメント、メタデータ、空白です。アニメーションがスクリプトや外部スタイルシートに依存している場合は、公開前に結果を慎重に確認してください。

ファイルがまだ大きいのはなぜですか？

重さは通常、コメントよりもパス内の点の数から来ます。さらに軽くするには、ベクターグラフィックエディターで曲線を簡略化する必要があります。

同じカテゴリのツール