このWEBサイトはInternetExplorerのサポートを終了しました。
GoogleChrome, Firefox, MicrosoftEdge など別のWEBブラウザを使用下さい。

画像のBaes64エンコード (DataURIscheme形式に変換)

画像ファイルをBase64エンコードしてDataURIscheme形式の文字列として出力します。画像データを文字列化してHTMLデータに埋め込むことによって、サーバーへのリクエスト回数を減らすことができます。

使い方

変換したい画像を入力すると、自動で変換が開始され結果が出力エリアに表示されます。コピーボタンを押すとクリップボードに文字列を送ります。

ラジオボタンのチェックを変えることで、HTMLのimgタグやCSSのbackground-imageプロパティとして整形された文字列が出力されます。コピーペーストしてそのまま使えます。

出力の同時表示数を100に制限しています。それを超えた場合は古いものから削除されていきます。

imgタグのsrc属性に使う場合

<img src="Base64文字列">

cssのbackground-image属性に使う場合

.hoge { background-image:url(Base64文字列);}