初心者SEのとりあえずメモ日記

初心者SEが技術的な事とかを、とりあえずメモしておくための日記です。

Base64エンコード ツール

base64エンコードをする

ここにファイルをドラッグ & ドロップしてください。


エンコード結果

ファイル名
元のサイズ
エンコード後のサイズ

イメージ表示

base64エンコード結果

使用例

imgタグに使う場合

imgタグの「src」にエンコード結果を指定する。

< img src="data:image/・・・">

スタイルシートで背景として指定する場合

背景のurlにエンコード結果を指定する。
背景全面に画像を敷き詰めたい場合は「no-repeat」の指定は不要。

background: url(data:image/・・・) no-repeat;

  シェアしていただけるとうれしいです