Dekoder Base64 ke Gambar
Dekode string Base64 atau data URI menjadi gambar, deteksi PNG, JPEG, GIF, WebP, SVG, atau ICO dari byte-nya, lihat pratinjaunya, dan unduh filenya.
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Apa itu Base64 ke Gambar?
Tempel gambar ber-encode Base64, dengan atau tanpa prefiks data:image/...;base64,, dan alat ini akan mendekodenya, mendeteksi tipe gambar sebenarnya dari byte hasil dekode, menampilkan pratinjau beserta dimensi dan ukuran filenya, serta memungkinkan Anda mengunduhnya dengan ekstensi file yang benar.
Cara menggunakan Base64 ke Gambar
- Tempel data URI atau string Base64 mentah ke kotak input (baris baru dan spasi diabaikan).
- Periksa Tipe terdeteksi, dimensi dan ukuran, serta pratinjaunya.
- Klik tombol unduh untuk menyimpan file, misalnya
decoded-image.png.
Contoh
iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
Detected type: PNG (image/png), 30×30 px, 99 B – a solid #3366CC square
Kapan menggunakan Base64 ke Gambar
Gunakan untuk memeriksa gambar yang disematkan di HTML, CSS, respons API JSON, log, atau email, atau untuk memulihkan file yang dikirim seseorang sebagai Base64. Alat ini tidak bisa memperbaiki string yang terpotong: jika sebagian Base64 hilang, gambarnya akan tidak valid.
Cara kerja Base64 ke Gambar
Alat ini membuang prefiks data URI, menghapus spasi, menerima Base64 URL-safe (- dan _) dan padding = yang hilang, lalu mendekode dengan atob. Byte diidentifikasi dari signature-nya: PNG, JPEG, GIF, WebP, AVIF, HEIC, BMP, ICO, TIFF, atau teks SVG. Jika data URI menyatakan tipe MIME yang berbeda dari byte-nya, peringatan ditampilkan. Pratinjau memakai object URL dari byte hasil dekode.
Kasus Penggunaan Umum
- Melihat gambar yang dikembalikan REST API sebagai Base64.
- Mengekstrak gambar inline dari email HTML atau file CSS.
- Memeriksa apakah data URI benar-benar berisi format yang diklaimnya.
- Menyimpan screenshot Base64 dari log pengujian sebagai file PNG.
Catatan Keamanan
Gambar didekode, diproses, dan di-encode secara lokal di browser Anda dengan Canvas API. Tidak ada yang diunggah ke server. Konten SVG hanya ditampilkan di dalam elemen <img>, di mana skrip dalam SVG tidak dijalankan.
Pertanyaan Umum
Apakah saya butuh prefiks data:image?
Tidak. Base64 mentah juga bisa; tipenya dideteksi dari byte hasil dekode.
Mengapa saya mendapat pesan “bukan Base64 yang valid”?
String berisi karakter di luar alfabet Base64 atau panjangnya mustahil, biasanya karena terpotong atau berisi tanda kutip atau escape sequence. Tempel hanya bagian Base64-nya.
Bagaimana jika datanya bukan gambar?
Alat ini memberi tahu bahwa Base64 terdekode dengan benar tetapi bukan format gambar yang dikenali, dan tidak menampilkan pratinjau yang menyesatkan.