Cara Encode Decode Base64 Online dengan Mudah

Apa Itu Base64?

Base64 adalah encoding scheme yang mengubah binary data menjadi format ASCII text. Base64 banyak digunakan untuk mengirim data binary melalui media yang hanya support text, seperti email, URL, atau JSON.

Kenapa Menggunakan Base64?

1. Email Attachments

Email MIME menggunakan Base64 untuk encode attachments (images, documents) agar bisa dikirim melalui protokol email yang hanya support text.

2. Data URLs

Embed images langsung di HTML/CSS tanpa file terpisah:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." />

3. JWT Tokens

JSON Web Tokens menggunakan Base64URL encoding untuk payload:

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIn0.dozjgNryP4J3jVmNHl0w5N_XgL0n3I9PlFUP0THsR8U

4. API Authentication

HTTP Basic Auth menggunakan Base64 untuk encode credentials:

Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ=

Cara Kerja Base64 Encoding

Base64 bekerja dengan mengelompokkan 3 bytes (24 bits) data binary menjadi 4 characters ASCII.

Proses Encoding:

Input:  "Man"
Binary: 01001101 01100001 01101110
        (M)      (a)      (n)

Grouped: 010011 010110 000101 101110
Decimal: 19      22     5      46

Base64:  T       W      F      u
Output:  "TWFu"

Padding (=)

Jika input bukan kelipatan 3 bytes, Base64 menambahkan padding =:

• 1 byte remaining → 2 Base64 chars + ==
• 2 bytes remaining → 3 Base64 chars + =

Fitur Base64 Encoder/Decoder TulisSurat

✅ Encode Text ke Base64

Convert text biasa ke format Base64 dengan support UTF-8 (emoji, karakter special).

✅ Decode Base64 ke Text

Kembalikan Base64 ke text asli.

✅ UTF-8 Support

Handle karakter Unicode seperti emoji 🌍, karakter Mandarin, Arab, dll.

✅ Auto-Convert

Convert otomatis saat mengetik (0.5 detik delay).

✅ Swap Input/Output

Tukar input dan output dengan 1 klik untuk reverse operation.

✅ Copy/Download

Salin atau download hasil convert.

Cara Menggunakan Base64 Encoder

Langkah 1: Buka Tools

Kunjungi halaman Base64 Encoder/Decoder di TulisSurat.

Langkah 2: Pilih Mode

• Encode — untuk convert text ke Base64
• Decode — untuk convert Base64 ke text

Langkah 3: Input Data

Paste atau ketik data di kotak input.

Contoh Encode:

Hello, World! 🌍

Contoh Decode:

SGVsbG8sIFdvcmxkISDfjI0=

Langkah 4: Auto Convert

Output akan muncul otomatis. Atau klik tombol Encode/Decode.

Langkah 5: Copy atau Download

Salin hasil atau download sebagai file text.

Contoh Penggunaan Base64

📧 Email MIME

Original:

Content-Type: image/png
Content-Transfer-Encoding: base64

Encoded Image Data:

iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

🔐 HTTP Basic Auth

Credentials:

username:password

Base64 Encoded:

dXNlcm5hbWU6cGFzc3dvcmQ=

HTTP Header:

Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ=

🌐 Data URL (Embed Image)

Traditional:

<img src="images/logo.png" alt="Logo" />

Base64 Embedded:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." alt="Logo" />

📱 JWT Token Structure

Header (Base64):

{"alg":"HS256","typ":"JWT"}

Encoded: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9

Payload (Base64):

{"sub":"1234567890","name":"John Doe","iat":1516239022}

Encoded: eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ

Base64 Table (Index to Character)

Base64URL (URL-Safe)

Untuk URL, + dan / diganti:

• + → -
• / → _
• No padding =

Keterbatasan Base64

⚠️ Ukuran Bertambah 33%

Base64 bukan kompresi. Justru menambah ukuran data sekitar 33%.

Contoh:

Input:  "Hello World" (11 bytes)
Output: "SGVsbG8gV29ybGQ=" (16 bytes)
Increase: ~45%

⚠️ Bukan Encryption

Base64 bukan enkripsi! Siapa saja bisa decode. Jangan gunakan untuk sensitive data.

⚠️ Tidak Human-Readable

Data Base64 tidak bisa dibaca langsung. Harus di-decode dulu.

Tips Menggunakan Base64

1. Gunakan untuk Data Kecil

Base64 cocok untuk:

• ✅ Small images (icons, logos)
• ✅ Short text strings
• ✅ Tokens dan credentials

Hindari untuk:

• ❌ Large files (gunakan binary transfer)
• ❌ Video/audio streaming
• ❌ Sensitive data (gunakan encryption)

2. Compress Sebelum Encode

Untuk data besar:

Original → Compress (gzip) → Base64 → Send

3. Use Base64URL untuk URLs

// Standard Base64
btoa(data)  // May contain +, /, =

// Base64URL (safe for URLs)
btoa(data).replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '')

Common Base64 Strings

Alternatif Encoding

1. URL Encoding

Untuk special characters di URL:

Hello World → Hello%20World

2. HTML Entities

Untuk special characters di HTML:

< > & → &lt; &gt; &amp;

3. Hex Encoding

Represent bytes sebagai hexadecimal:

"Hi" → 4869

Kesimpulan

Base64 Encoder/Decoder adalah tools essential untuk developer yang bekerja dengan binary data, tokens, atau data URLs. Dengan support UTF-8, auto-convert, dan fitur swap, tools ini memudahkan encode dan decode Base64.

Mulai encode decode Base64 sekarang di Base64 Encoder/Decoder!

Baca juga:

• Cara Format Validate JSON
• Cara Encode Decode URL
• Cara Convert Warna HEX RGB HSL

⚠️ Warning: Base64 BUKAN enkripsi. Jangan gunakan untuk menyimpan password atau sensitive data!