このツールについて
SVG の UTF-8 データをコピーしやすいテキストに符号化します。Base64 のみ、または SVG の種類を示す接頭辞付きの Data URI を取得でき、画像をテキストのアドレスで扱いたい場合に便利です。
使い方
- UTF-8 の SVG ファイルを選ぶか、SVG 全体を貼り付けます。
- 「Base64 を生成」を押し、生成された Base64 を確認します。
- Base64 のみ、または画像の種類を示す接頭辞付きの Data URI をコピーします。
- テキストファイルをダウンロードするか、Base64 → SVG で復元内容を確認します。
機能
- SVG を直接符号化し、PNG などのピクセル形式には変換しません。
- 日本語や絵文字など、UTF-8 の文字に対応します。
- 主な出力は Base64 です。Data URI には data:image/svg+xml;base64, の接頭辞が付きます。
符号化と元のファイル
- Base64 は符号化であり、暗号化、圧縮、安全処理ではありません。誰でも復号して内容を読めます。
- 元の SVG の内容を保持し、スクリプトや外部参照も残る場合があります。信頼できる適切な環境でのみ使用してください。
- Base64 は通常、元のバイト数より約 3 分の 1 長くなります。Data URI の接頭辞を付けるとさらに少し長くなります。
SVG の安全性について
プレビューには安全処理済みの静的コピーを使います。スクリプト、クリック時の動作、アニメーションは実行せず、外部画像、フォント、スタイルも読み込みません。外部参照、埋め込み Web ページ、未対応の内容を除去するため、元の表示と異なる場合があります。DOCTYPE や独自の実体を含む文書には対応していません。
SVG ファイルや UTF-8 ソースは最大 2 MiB、ノード数は要素とテキストを含め 20,000 個、入れ子は 96 階層までです。大きすぎる場合や構造が複雑な場合は、先にファイルを簡略化してください。
プライバシー
SVG はお使いのブラウザー内で処理され、サーバーにはアップロードされません。
入力や結果は自動保存されません。クリアやページ移動の前に必要なファイルを保存し、元のファイルも保管してください。
よくある質問
SVG の Base64 とは何ですか？
SVG の UTF-8 バイト列を ASCII 文字列にしたものです。復号すると元の SVG を取り出せます。
Base64 にすると SVG は小さくなりますか？
いいえ。通常は約 3 分の 1 長くなります。容量を減らすには、先に SVG 圧縮ツールをご利用ください。
画像のアドレスとして使えますか？
data:image/svg+xml;base64, から始まる完全な Data URI を使えます。ただし、使用先のアプリやページで許可されているか確認してください。
日本語や絵文字は失われますか？
UTF-8 で符号化するため、日本語や絵文字にも対応します。UTF-8 として復号すれば元に戻せます。