GAMBAR ↔ BASE64
Konverter ini beroperasi sepenuhnya di dalam browser Anda menggunakan API JavaScript FileReader. Gambar Anda diproses secara lokal di perangkat Anda — tidak ada data yang dikirimkan ke server mana pun. Algoritma encoding dan decoding berjalan di memori browser Anda, dan semua data sementara dihapus saat Anda menutup atau menyegarkan halaman.
Proses Encoding
Encoding Base64 mengubah data gambar biner menjadi string teks menggunakan 64 karakter ASCII yang dapat dicetak (A-Z, a-z, 0-9, +, /). Hal ini memungkinkan konten biner untuk disematkan dengan aman dalam format berbasis teks seperti HTML, CSS, JSON, dan XML tanpa kerusakan.
Encoding Base64 meningkatkan ukuran file sekitar 33%
Format yang Didukung
| Arah | Format Input | Format Output | Tipe MIME |
|---|---|---|---|
| Gambar → Base64 | JPEG (.jpg, .jpeg) | String teks Base64 | image/jpeg |
| Gambar → Base64 | PNG (.png) | String teks Base64 | image/png |
| Base64 → Gambar | String Base64 / URL Data | File PNG | image/png |
| Base64 → Gambar | String Base64 / URL Data | File JPEG | image/jpeg |
Spesifikasi Teknis
Struktur URL Data
Konverter ini menghasilkan string Base64 mentah dan URL Data lengkap. URL Data menyertakan prefiks tipe MIME, sehingga dapat langsung digunakan dalam HTML dan CSS.
├─ skema: data:
├─ tipe MIME: image/png
├─ encoding: ;base64,
└─ data terenkode: iVBORw0K...
Contoh Konversi
Referensi Dampak Ukuran
| Ukuran Asli | Ukuran Base64 | Peningkatan | Kasus Penggunaan Umum |
|---|---|---|---|
| 1 KB | ~1.37 KB | +37% | Ikon kecil, favicon |
| 10 KB | ~13.7 KB | +37% | Elemen UI, tombol |
| 100 KB | ~137 KB | +37% | Thumbnail, avatar |
| 1 MB | ~1.37 MB | +37% | Foto berukuran sedang |
| 10 MB | ~13.7 MB | +37% | Gambar resolusi tinggi |
Catatan: Encoding Base64 direkomendasikan untuk gambar di bawah 10 KB untuk penyematan inline. Gambar yang lebih besar akan lebih baik menggunakan hosting file tradisional untuk mengurangi waktu muat halaman.