Konverter Base64 ke Gambar
Tempel teks base64 —mentah atau dalam data URI— dan dapatkan gambarnya kembali beserta format, dimensi, dan ukurannya.
String diurai secara lokal dengan atob. Tidak ada yang diunggah dan pratinjau dibangun di memori.
Cara kerja
Ini separuh pipeline gambar yang bertugas mengurai: ia menerima teks dan mengubahnya kembali menjadi piksel. Input dibersihkan (spasi, tanda kutip, dan pembungkus liar dihapus), diurai dengan atob bawaan browser menjadi byte mentah, lalu diendus formatnya sebelum pratinjau <img> dirender dari data URI di memori. Tidak ada yang diunggah — setiap langkah adalah pemrosesan string dan byte lokal.
- Anatomi data URI
- Data URI lengkap berbentuk data:<mime>;base64,<payload>. Jika prefiksnya ada, tipe MIME yang dideklarasikan dipercaya lebih dulu dan hanya payload sesudah koma yang diurai. Jika Anda menempel payload saja, MIME-nya disimpulkan — kedua bentuk menghasilkan gambar yang sama.
- Sniffing MIME lewat magic bytes
- Tanpa tipe yang dideklarasikan, byte hasil urai diperiksa terhadap tanda tangan yang dikenal: FF D8 FF berarti JPEG, 89 50 4E 47 (iVBOR) berarti PNG, R0lGOD berarti GIF, potongan RIFF yang diawali UklGR dengan WEBP di offset 8 berarti WebP, dan 42 4D (Qk0) berarti BMP. Data yang tidak cocok dilaporkan tak dikenal tetapi tetap bisa diunduh.
- Spasi dan padding
- Base64 yang datang dibungkus kode sering membawa baris baru, indentasi, atau tanda kutip. Pembersih menghapus spasi dan memvalidasi alfabet sisanya (A-Z a-z 0-9 + / =); padding = yang hilang dipulihkan sebelum penguraian, dan string yang tetap gagal di atob ditandai tidak valid, bukan diurai setengah.
Pertanyaan yang sering diajukan
Mengapa base64 membuat gambar lebih besar?
Base64 mengsandikan setiap 3 byte mentah menjadi 4 karakter ASCII, sehingga teksnya kira-kira 33% lebih besar dari file biner. JPEG 90 KB menjadi string sekitar 120 KB. Kelebihan itu adalah harga menyematkan data biner ke format teks seperti CSS, JSON, atau HTML.
Sebaiknya gambar disematkan sebagai data URI atau disajikan sebagai file?
Aturannya: ikon dan sprite kecil yang harus muncul di paint pertama cocok di-inline, hemat satu request. Yang lebih besar umumnya lebih baik sebagai file sungguhan — cache terpisah, tanpa bloat 33% di stylesheet, dan data URI di dalam CSS tidak dikompres seefisien biner aslinya oleh gzip/Brotli.
Pratinjau tidak muncul — kenapa?
Entah string itu bukan benar-benar gambar (byte hasil urai tidak cocok) atau formatnya tidak bisa ditampilkan browser. Pengurai tetap menampilkan jumlah byte dan mengizinkan Anda mengunduh hasil mentahnya dengan nama .bin untuk diperiksa dengan alat lain. Pastikan Anda menempel seluruh payload dan prefiks data:, jika ada, masih utuh.
Ekstensi apa yang dipakai unduhan?
Terserah deteksi format: .jpg, .png, .gif, .webp, atau .bmp, berdasarkan prefiks data URI jika ada atau magic bytes jika tidak. Format yang tidak dikenal diunduh sebagai image.bin — ganti namanya setelah Anda tahu isinya apa.
Apakah ada yang diunggah ke server?
Tidak. Penguraian memakai atob bawaan browser dan pratinjau dirender dari data URI di memori. String base64 Anda tidak pernah meninggalkan tab, dan alat ini berfungsi tanpa jaringan.