Web開発ツールズ

変換対象の文字列を入力してください

Base64とは

マルチバイト文字やバイナリデータをそのまま扱うことのできない通信環境で使用される符号化方式(エンコード)のこと。 英数字62文字と2種の記号(+, -)の64文字に加え、データ書式を整形するための「=」で表現されます。

Base64変換の手順

Base64変換の手順を以下に挙げる。  1.元データを6bitずつに分割。(6bitに満たない分は0を追加して6bitにする)  2.各6bitの値を変換表を使って4文字ずつ変換。(4文字に満たない分は = 記号を追加して4文字にする)

変換例

1.元データ 文字列: "ABCDEFG"
 16進表現: 41, 42, 43, 44, 45, 46, 47
 2進表現: 0100 0001, 0100 0010, 0100 0011, 0100 0100, 0100 0101, 0100 0110, 0100 0111
2.6bitずつに分割 010000 010100 001001 000011 010001 000100 010101 000110 010001 11
3.2bit余るので、4bit分0を追加して6bitにする 010000 010100 001001 000011 010001 000100 010101 000110 010001 110000
4.変換表により、4文字ずつ変換 "QUJD","REVG","Rw"
5.2文字余るので、2文字分 = 記号を追加して4文字にする "QUJD","REVG","Rw=="
6.Base64文字列 "QUJDREVGRw=="

Html、CSSなどへの組み込み

HTML JavaScript:
 <script src="data:text/javascript;base64,/9j/4AAQSkZJRg..."></script>
HTML CSS:
 <link rel="stylesheet" href="data:text/css;base64,/9j/4AAQSkZJRg..." />
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...');
 }