📋 Encoder Base64
Konversi gambar ke Base64 data URL dan sebaliknya.
🖼️ Coba dengan gambar contoh
![Pratinjau]()
Cara Menggunakan
1
Pilih Arah
Beralih antara Encode (gambar→teks) atau Decode (teks→gambar).
2
Masukan
Unggah gambar atau tempel string Base64.
3
Dapatkan Hasil
Salin output atau unduh langsung.
Panduan Lengkap
Mode 1: Gambar → Base64 (Encoding)
Konversi gambar apa pun ke URL data Base64 untuk disematkan langsung di kode.
Switch between Encode and Decode modes using the tabs at the top
- Upload an image (JPG, PNG, WebP, GIF, BMP)
- Click "Encode to Base64"
- The full data URL appears in the text area (format:
data:image/png;base64,...) - Click "Copy" to copy to clipboard, or "Download as .txt" to save
When to use: Embed small icons directly in HTML/CSS to eliminate HTTP requests. Great for email signatures, single-file demos, and CSS background images.
Mode 2: Base64 → Gambar (Decoding)
Konversi string Base64 kembali ke gambar yang dapat dilihat dan diunduh.
- Switch to the "Base64 → Image" tab
- Paste a Base64 string or full data URL into the text area
- Click "Decode to Image"
- The decoded image appears below — click "Download Image" to save
Note: If you paste a raw Base64 string without the
data:image/... prefix, the tool will auto-detect and add the appropriate header.Kasus Penggunaan Terbaik
- Inline HTML images — Embed small icons and logos directly in HTML without external files
- CSS backgrounds — Use Base64 in
background-image: url()for self-contained stylesheets - Email signatures — Ensure images display correctly in email clients
- Single-file demos — Create standalone HTML files with embedded images
- API testing — Inspect and decode Base64 image data from API responses
Tips Profesional
- Base64 increases file size by approximately 33% — only use it for small images (<50KB ideally)
- Data URLs work in all modern browsers and most email clients
- For CSS, use
background-image: url('data:image/png;base64,...') - For HTML, use
<img src="data:image/png;base64,..."> - Very large images (>2MB) will produce extremely long strings that may slow down page rendering
Pertanyaan Umum
Base64 kodekan data biner sebagai teks. Sematkan gambar di HTML/CSS.
Kurangi permintaan HTTP. Berguna untuk ikon. Ukuran +~33%.
Gambar >5MB hasilkan string panjang. Terbaik <2MB.
Harus Base64 gambar valid (data:image/...). Tanpa prefiks terdeteksi.