Base64 Encoder & Decoder Online Gratis

Panduan Penggunaan Base64 Encoder & Decoder

Ikuti alur penggunaan alat pengodean dan pemecahan teks Base64 berikut:

1. Tempel string teks biasa atau berkas mentah pada kolom Input di sebelah kiri.
2. Klik tombol Encode untuk mengodekan teks ASCII/UTF-8 menjadi format Base64 RFC 4648.
3. Klik tombol Decode jika Anda memiliki string berkode Base64 yang ingin dikembalikan menjadi teks asli.
4. Klik ikon Copy di sudut kanan atas kolom Output untuk menyalin hasil keluaran secara instan.

Apa itu Base64 Encoding & Decoding?

Base64 adalah skema pengodean biner-ke-teks (*binary-to-text encoding*) yang mempresentasikan data biner dalam format string ASCII. Standar ini menggunakan kumpulan 64 karakter terlindung untuk mentransfer data secara aman melalui media yang dirancang khusus untuk menangani teks.

Definisi & Fungsi Utama Base64

Pada sistem komputer lama atau protokol pengiriman pesan seperti email (SMTP/MIME), karakter biner mentah (seperti gambar, file zip, atau simbol non-ASCII) sering kali mengalami kerusakan akibat penafsiran ulang oleh perantara jaringan (*network routers/mail gateways*). Base64 memecahkan masalah ini dengan mengodekan setiap biner menjadi himpunan karakter teks yang aman.

Mengapa Membutuhkan Base64 Encoding?

• Pengiriman Gambar pada CSS / HTML (Data URI): Menyisipkan berkas gambar kecil secara langsung di dalam dokumen HTML/CSS (data:image/png;base64,...) tanpa perlu melakukan HTTP request tambahan.
• Basic Authentication Header: Mengirimkan gabungan username dan password pada header HTTP API (Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ=).
• Enkapsulasi Payload Webhook / JSON: Menjamin file biner di dalam string JSON tidak terdistorsi oleh karakter kutip atau backslash.

Cara Kerja Algoritma Base64 (6-Bit Index)

Prinsip kerja Base64 berlandaskan pemetaan biner 24-bit (3 byte 8-bit) menjadi 4 kelompok 6-bit (masing-masing bernilai antara 0 hingga 63):

Solusi Error 'btoa character out of range' pada Karakter UTF-8 JavaScript

Ketika Anda mencoba mengodekan string yang mengandung simbol UTF-8 atau emoji dengan btoa('Halo 🚀') di JavaScript, peramban akan melempar kesalahan Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range. Berikut dua kode solusi terbaiknya:

// Function UTF-8 Safe Base64 Encode
function utf8ToBase64(str) {
    const bytes = new TextEncoder().encode(str);
    const binString = Array.from(bytes, (b) => String.fromCharCode(b)).join("");
    return btoa(binString);
}

// Function UTF-8 Safe Base64 Decode
function base64ToUtf8(base64) {
    const binString = atob(base64);
    const bytes = Uint8Array.from(binString, (m) => m.charCodeAt(0));
    return new TextDecoder().decode(bytes);
}

// Contoh Penggunaan:
const encoded = utf8ToBase64("InfoKoding 🚀 Belajar Web");
console.log(encoded); // "SW5mb0tvZGluZyDwn5qAIEJlbGFqYXIgV2Vi"

// Encode String UTF-8
function safeBtoa(str) {
    return btoa(unescape(encodeURIComponent(str)));
}

// Decode String UTF-8
function safeAtob(base64Str) {
    return decodeURIComponent(escape(atob(base64Str)));
}

// Contoh Penggunaan:
const res = safeBtoa("Halo Dunia 🌍");
console.log(res); // "SGFsbyBEdW5pYSDwn4yE"

Contoh Penggunaan Base64 pada Pengkodean Teks & Data URI

Berikut adalah contoh implementasi praktis penggunaan Base64 dalam pemrograman web:

// Input Teks:
InfoKoding

// Hasil Base64 Encode:
SW5mb0tvZGluZw==

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==" alt="Dot" />

Ditinjau oleh Tim Pengembang InfoKoding Rusmawan Abdullah Sani

Terverifikasi Client-Side Safe