SVGクリーナーとは？
SVGクリーナーは、SVGファイルの先頭に付くXML宣言（<?xml version="1.0"?>）、DOCTYPE宣言、先頭のコメントのように、実際の図形には不要でも一部のアップロードシステムではエラーの原因になるコードを削除してくれる無料ツールです。Illustrator、Figma、svgrepo.com、Flaticonのようなプログラム・サイトから書き出されたSVGファイルは、こうしたメタデータを自動的に含んでいることが多く、Bloggerのようにこれらがあると画像のアップロード自体を拒否するプラットフォームもあります。このツールはその原因となるコードだけを正確に見分けて削除し、実際の図形データはそのまま保持します。
使い方
整理したいSVGファイルをドラッグ＆ドロップするか、ファイル選択ボタンで添付してください。複数枚を一度にアップロードできます。ファイルをアップロードすると自動で解析と整理が行われ、どの項目が削除されたか（XML宣言、DOCTYPE、先頭のコメント）とファイル容量の変化がすぐに表示されます。保存ボタンを押すと、整理されたSVGファイルが元のファイル名のままダウンロードされます。ファイルではなくコードの断片だけをお持ちの場合は、下の「コードを直接貼り付け」を開くとテキストでも整理できます。
こんなときに便利です
- svgrepo.comやFlaticonなどで入手したSVGアイコンがBloggerにアップロードできないとき
- イラストレーターやInkscapeから書き出したSVGが特定のCMSでプレビューできないとき
- SVGコードをウェブページにインラインで貼り付ける前に、不要なメタデータを整理したいとき
- 複数のSVGアイコンファイルを一度に整理する必要があるとき
よくある質問
- なぜSVGファイルがBloggerや一部のCMSにアップロードできないのですか？
- 一部のプラットフォームは、SVGファイルの先頭に<?xml version="1.0"?>宣言や<!DOCTYPE svg ...>コード、コメントがあるとアップロードを拒否します。svgrepo.comやFlaticonなどのアイコンサイトやイラストレーターから書き出したSVGは、ほとんどの場合こうしたメタデータを自動的に含んでいるため、この問題がよく発生します。
- このツールはSVGの実際の図形（パス）も壊してしまいますか？
- いいえ。XML宣言、DOCTYPE、先頭のコメントのみを削除し、<svg>タグ内の実際の図形・パス・色のデータには一切手を加えません。
- 複数のファイルを一度に整理できますか？
- はい、複数のSVGファイルをまとめてアップロードすると、ファイルごとに個別に整理され、それぞれ別々に保存できます。
- アップロードしたSVGはサーバーに送信されますか？
- いいえ。すべての処理はブラウザ内でのみ行われ、ファイルがサーバーに送信・保存されることはありません。
- すでにきれいなSVGを入れるとどうなりますか？
- 削除する項目がないという案内が表示されるだけで、元の内容と同じものを保存することもできます。