SVG を Base64 に変換

オンラインで SVG を Base64 に変換 を変換する方法

1. ローカルファイルを選んで .svg ファイルを選択するか、リモート URLを選んでリンクを貼り付けます。
2. 出力形式を選びます：プレーンな Base64、データ URI、HTML タグ、CSS、JavaScript、JSON、XML。
3. SVG を Base64 にエンコードをクリックします。結果はプレビュー付きですぐに表示されます。
4. 結果をクリップボードにコピーするか、.txt ファイルとしてダウンロードします。

SVG（Scalable Vector Graphics）について

SVG は XML ベースのベクター形式です。図形をピクセルではなくテキストで記述するため、どのサイズでも画像がくっきり表示されます。アイコン、ロゴ、イラストに最適です。

SVG はもともとテキストなので、Base64 の代わりに URL エンコードで埋め込むこともでき、そのほうが小さくなることがよくあります。ただし、マークアップに CSS や HTML を壊すような引用符や文字が含まれる場合は、Base64 が最も安全な選択肢です。

出力形式

結果をどのような形式で出力するかを選びます。変換ツールは次の形式で出力できます：

• txt: Base64 文字列のみ。コード、データベースのフィールド、API リクエストにそのまま貼り付けられます。
• uri: ブラウザのアドレスバーに貼り付けたり、URL を使える場所ならどこでも使ったりできる完全な data: URI。
• html img: src にデータ URI を指定した <img> タグ。
• css background image: background-image: url(data:...) を使った CSS ルール。
• html favicon: インラインのファビコン用の <link rel="icon"> タグ。
• html hyperlink: 埋め込みファイルをダウンロードまたは開く <a> リンク。
• html iframe: コンテンツをインラインで表示する <iframe>。
• javascript image: Image オブジェクトを作成する JavaScript。
• javascript popup: コンテンツを新しいウィンドウで開く JavaScript。
• json: ファイル名、MIME タイプ、データを含む JSON オブジェクト。
• xml: CDATA セクション内にデータを含む XML 要素。

安全ですか？結果のサイズはどのくらいですか？

ファイルがアップロードされることはありません。ブラウザの File API でローカルに読み込まれて変換されるため、機密文書も端末の外に出ません。

Base64 は 3 バイトごとに 4 文字で表すため、エンコード結果は元のファイルより約 33% 大きくなります（さらにパディングとデータ URI の接頭辞の分が数バイト加わります）。