画像ファイルをDataURIscheme形式(bae64エンコード)に変換

画像ファイルをbase64エンコードしてDataURIscheme形式の文字列として出力します。

作成フォーム

画像を選択

使い方

画像を指定ボタンを押して、変換したい画像を選択します。自動で変換が開始され、DataURIscheme形式に変換された文字列が下のテキストエリアに出力されます。

出力された文字列はimgタグのsrc属性やCSSのbackground-imageプロパティに指定して使うことができます。

imgタグのsrc属性に使う場合
<img src="出力された文字列">

cssのbackground-image属性に使う場合
.hoge { background-image:url(出力された文字列);}