このページはAIで翻訳されており、ネイティブスピーカーによる確認はまだ行われていません。 英語版を読む

SVGプレビュー&最適化

SVGコードを貼り付けるかファイルを開いて表示を確認し、デザインツールが残す不要なもの(コメント、エディタの名前空間、メタデータ、余分な空白)を削除します。

SVGファイルを選択(任意)
元のサイズ
最適化後

すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。

使い方

  1. SVGマークアップを貼り付けるか、.svgファイルを選びます。
  2. 整理オプションを選びます。数値の丸めは最も効果がありますが、細部がわずかにずれることがあります。
  3. プレビューと削減サイズを比較します。
  4. 最適化したコードをコピーまたはダウンロードします。

使用例

デザインツールから書き出したアイコン

エディタのメタデータと空白を削除するだけで、書き出したアイコンが30〜60%小さくなることがよくあります。

ウェブページにインラインで埋め込むSVG

「XML宣言を削除」をオンにします。SVGをHTMLにインラインで埋め込む場合は不要です。

プライバシー

すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。 ブラウザに保存される内容(お気に入りと履歴のみ)については、プライバシーポリシーをご覧ください。 プライバシーポリシー

ご自身で確認できます:ブラウザの開発者ツールを開き、「ネットワーク(Network)」タブを選んでツールを使ってください。ファイルがアップロード要求に現れることはありません。このページがオフライン用に保存された後は、インターネットを切断しても作業を続けられます。 広告と匿名の訪問統計は、有効な場合は独自に通信しますが、あなたのファイルやテキストを受け取ることはありません。

よくある質問

信頼できないSVGでもプレビューは安全ですか?

プレビューは画像として描画されるため、SVG内のスクリプトは実行されません。

SVGOと比べてどうですか?

こちらは軽量で控えめな整理です。SVGOはパスをより深く最適化するので、最大限の圧縮が必要ならビルド工程で使ってください。

ファビコン作成画像または文字から、favicon.ico、16〜512 pxのPNG、Apple Touchアイコン、Webマニフェスト、HTMLタグまでの完全なファビコンセットを1つのZIPで生成します。
HTML エンティティ変換<、>、&、引用符、必要に応じてすべての非 ASCII 文字を HTML エンティティにエスケープし、エンティティをテキストに戻すこともできます。
XML 整形・検証ツールXML、サイトマップ、RSS フィード、SVG を整形または圧縮し、XML が整形式かを確認します。
画像圧縮JPG・PNG・WebP 画像をブラウザ内で、画質指定または 100 KB などの目標サイズで圧縮します。
画像リサイズJPG・PNG・WebP画像を正確なピクセル寸法またはパーセントでリサイズ。

ツールを検索