Web開発ツールズ

ローカルファイルをBase64に変換します。たとえばPNGファイルを指定すると、PNGのBase64になります。
サーバ側では一切処理をしないので、セキュリティについてご安心ください。
処理にはFileAPIに対応している必要があります。をチェックする


Html、CSSなどへの組み込み

HTML 画像:
 <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAWgBa..." />
XML 画像:
 <xml>
   <image>data:image/jpeg;base64,/9j/4AAQSkZJRg...</imag>
 </xml>
CSS 画像:
 .someclass {
  background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRg...');
 }