SVGをBase64に変換

SVGコードやSVGファイルを読み込み、Base64文字列としてコピーできる形に変換します。

Sponsored
Loading...

SVG入力

実行結果

SVGプレビュー

SVGプレビュー

変換後のテキスト

使い方

  1. SVGコードを貼り付けるか、SVGファイルを選択します。
  2. 変換ボタンを押してBase64文字列を生成します。
  3. 生成された文字列をコピーしてHTMLやCSSで利用します。

補足説明

  • Base64化すると元のSVGより文字数が増えるため、大きなSVGではファイルサイズに注意してください。
  • HTMLやCSSへ直接埋め込みたい場合はData URL形式も使えます。

FAQ

Base64にすると画像は劣化しますか？

いいえ。Base64は文字列表現への変換なので、SVGの内容自体は劣化しません。

どこで使えますか？

HTML、CSS、JSONなど、画像データを文字列として埋め込みたい場面で使えます。

Data URLとの違いは何ですか？

Base64は符号化された文字列だけで、Data URLはMIMEタイプなどの接頭辞を含む埋め込み用URLです。

関連ツール

SVGコードをPNGに変換

ブラウザ上でSVGコードをPNG画像に変換できます。インストール不要で、すぐに確認・出力できます。

SVGコードをJPGに変換

ブラウザ上でSVGコードをJPG画像に変換できます。背景色と品質を指定して、すぐに出力できます。

SVGコードをWebPに変換

ブラウザ上でSVGコードをWebP画像に変換できます。透過背景を保ちながら軽量な画像を出力できます。

SVGをData URLに変換

SVGコードをData URL形式に変換できます。imgタグやCSSのurl()にそのまま貼り付けやすい形式で出力します。

関連記事

Sponsored
Loading...