画像のBaes64エンコード (DataURIscheme形式に変換)
画像ファイルをBase64エンコードしてDataURIscheme形式の文字列として出力します。画像データを文字列化してHTMLデータに埋め込むことによって、サーバーへのリクエスト回数を減らすことができます。
使い方
変換したい画像を入力すると、自動で変換が開始され結果が出力エリアに表示されます。コピーボタンを押すとクリップボードに文字列を送ります。
ラジオボタンのチェックを変えることで、HTMLのimgタグやCSSのbackground-imageプロパティとして整形された文字列が出力されます。コピーペーストしてそのまま使えます。
出力の同時表示数を100に制限しています。それを超えた場合は古いものから削除されていきます。
imgタグのsrc属性に使う場合
<img src="Base64文字列">
cssのbackground-image属性に使う場合
.hoge { background-image:url(Base64文字列);}