SVGをインラインで埋め込み dataURL

SVGをインラインで埋め込むためのdataURL作成

SVGをインラインで埋め込むためのdataURL作成

SVGをインラインで埋め込み dataURL

HTMLのimgタグやCSSのbackground-imageでSVG画像をインラインで埋め込むためのdataURL生成。
処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。

SVGのXMLコードをそのままペースト

<?xml ..>

改行

コメント

関連サイト:
base64エンコード、インラインイメージ
Base64文字列をデコード
文字列をBase64エンコード
動作環境(2022-10-11時点)
・Google Chrome 105
・Microsoft Edge 105
・Mozilla Firefox 105
・Apple Safari 16.0
使い方
SVG画像のXMLを入力欄にペーストします。dataURL形式のインラインコードがリアルタイムに表示されます。
この記事は2022年10月当時の物です。
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。