SVG Forge

SVG を data URI に

img src、CSS の url()、URI が使えるあらゆる場所のために SVG をエンコード。

またはファイルをドロップ / 下にコードを貼り付け
Data URI
出力はここに表示されます

使い方

  1. 1SVG コードを貼り付けるか、.svg ファイルをドロップします。
  2. 2URL エンコード（より小さい）か base64 を選びます。
  3. 3data URI をコピーして HTML・CSS・markdown で使います。

無料・登録不要・透かしなし —— すべてブラウザー内でローカルに動作するため、ファイルが端末を離れることはありません。

よくある質問

URL エンコードと base64、どちらが良い？

SVG では URL エンコードのほうが通常 20〜30% 小さく、可読性も保てます。厳格なパーサーの中では base64 のほうが安全です。

関連ツール

SVG を CSS に

どんな SVG も、エンコードした data URI としてスタイルシートに埋め込めます。

SVG 最適化ツール

SVGO によるクリーンアップ：ファイルは小さく、見た目はそのまま。削減量はその場で確認できます。

SVG ビューアー & エディター

SVG コードを貼るかファイルをドロップ —— ライブプレビュー、編集、ダウンロード。100% ブラウザー内で。