Pada dasarnya base64 ini digunakan untuk Encoding dan Decoding suatu karakter/data ke dalam binary berdasarkan kode ASCII. Kemudian binary-binary tersebut diubah menjadi teks yang dapat dibaca manusia secara umum.
Encoder dan Decoder Base64 Online
Base64 Encoder/Decoder Tool
Contoh Text to Base64 Encoding
Input Karakter (Huruf/Simbol/Kata/Kalimat)Proses Encoding Secara Manual
Pada contoh di atas, setiap karakter pada Input Karakter (https://www.jtpedia.com) untuk pertamakalinya di encode menjadi binary bit (setiap karakter diubah menjadi 8 bit) dengan menggunakan kode ASCII (Untuk proses secara manual harus melihat data/tabel kode ASCII)
Deretan binary sebagai hasil encode dari https://www.jtpedia.com adalah:
0110100001110100011101000111000001110011001110100010111100101111011101110111011101110111001011100110101001110100011100000110010101100100011010010110000100101110011000110110111101101101
Sebelum di encode ke format Base64, deretan binary di atas harus dirubah dulu menjadi karater 6 bit, dan hasilnya adalah:
011010-000111-010001-110100-011100-000111-001100-111010-001011-110010-111101-110111-011101-110111-011100-101110-011010-100111-010001-110000-011001-010110-010001-101001-011000-010010-111001-100011-011011-110110-1101
Setiap karakter yang terdiri dari 6 bit itu kemudian di encode ke format Base64 (Untuk proses secara manual harus melihat data/tabel kode Base64). Hasil akhir encode karakter https://www.jtpedia.com ke format Base64 bisa dilihat pada kotak output di bawah.
Ouput/Hasil Base64 Encoding:
Contoh Image to Base64 Encoding
Input Image:
Image data URI scheme with base64 encoded data output:
data:image/jpeg;base64, adalah header skema URI.
/9j/4AAQSkZJRgABAQEAYAB... adalah data yang di enoding ke format Base64.
HTML <img> with base64 data URI
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYAB...">
CSS background with base64 data URI
body {
background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYAB...');
}