Konverter Base64 ke Gambar
Decode string Base64 atau data URI kembali menjadi gambar di browser. Pratinjau, baca dimensi & MIME, lalu unduh sebagai PNG, JPG, GIF, SVG. Tanpa upload.
Lepaskan gambar di sini, tempel, atau klik untuk menjelajah
PNG · JPG · GIF · WebP · SVG · ICO · BMP — dikonversi sepenuhnya di browser Anda
Apa Itu Decoding Base64 ke Gambar?
Decoding Base64 ke gambar adalah kebalikan dari encoding: ia mengambil string karakter ASCII yang dapat dicetak dari alfabet Base64 (A–Z, a–z, 0–9, + dan /) dan merekonstruksi gambar biner asli yang diwakili string itu. Setiap grup empat karakter Base64 dipetakan kembali ke tiga byte, dan satu atau dua karakter = di akhir menunjukkan padding. Hasilnya adalah file persis yang awalnya di-encode — PNG kembali sebagai PNG, JPEG sebagai JPEG — tanpa kehilangan, kompresi ulang, atau pengubahan ukuran.
String ini muncul di mana pun gambar telah di-inline sebagai teks. Data URI di stylesheet (background-image: url(data:image/png;base64,…)), src img di HTML, field thumbnail di respons API JSON, logo tersemat di email HTML, atau aset yang dibundel ke file konfigurasi semuanya adalah gambar Base64 yang menunggu untuk didekode. Saat Anda men-debug, mengaudit, atau mengekstrak aset semacam itu, Anda perlu melihat apa sebenarnya string buram itu dan menariknya keluar sebagai file nyata — yang persis dilakukan decoder ini.
Operasinya murni mekanis dan tidak memerlukan kunci, karena Base64 adalah encoding alih-alih enkripsi. Itu juga berarti ia tidak menawarkan keamanan: siapa pun yang memiliki string dapat memulihkan gambar secara instan. Base64 ada semata-mata untuk membiarkan data biner melewati saluran yang dirancang untuk teks — HTML, JSON, URL, header email — tanpa rusak oleh karakter kontrol atau pembatas. Decoding sekadar membatalkan pembungkusan aman-teks itu dan menyerahkan kembali byte asli kepada Anda.
Alat ini melakukan seluruh decode secara lokal di browser Anda. Ia mentoleransi kekacauan string dunia nyata — prefiks data: yang hilang, pembungkusan baris pada 76 karakter, spasi tersesat dari salin-tempel — dan menyimpulkan format gambar dari magic byte data ketika tipe MIME tidak dideklarasikan. Untuk membuat string ini sejak awal, lihat encoder pendamping Gambar ke Base64.
// A Base64 PNG payload (no prefix) iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg== // The decoder infers the format from the leading bytes: // iVBORw0KGgo → PNG // /9j/ → JPEG // R0lGOD → GIF // UklGR → WebP // PHN2Zy → SVG (<svg) // Reconstructed as a real file, downloadable as image.png // (1 × 1 transparent PNG, 68 bytes — lossless round trip)
Fitur Utama
Input Opsional-Prefiks
Tempel data URI lengkap atau hanya payload Base64 telanjang — decoder menangani keduanya. Ketika tidak ada prefiks data:, ia menyimpulkan tipe MIME dari magic byte gambar sehingga pratinjau dan unduhan tetap benar.
Pratinjau Lokal Instan
Gambar yang didekode dirender segera di atas latar kotak-kotak, sehingga PNG transparan dan grafik alfa-parsial terlihat jelas. Semuanya terjadi di browser Anda dengan nol request jaringan.
Pembacaan Dimensi, MIME & Ukuran
Di luar pratinjau, alat ini melaporkan dimensi piksel yang didekode, tipe MIME yang terdeteksi, dan ukuran byte yang direkonstruksi — cukup untuk memverifikasi bahwa Anda mendekode aset yang benar sebelum mengunduhnya.
Decoding Toleran-Spasi
String yang dibungkus pada 76 karakter sesuai RFC 2045, atau disalin dengan spasi dan jeda baris tersesat, dibersihkan secara otomatis. Decoder membuang semua spasi sebelum mendekode, sehingga salin-tempel dunia nyata langsung bekerja.
Unduhan Tanpa Kehilangan
Unduh membangun ulang byte asli yang persis dan menyimpannya dengan ekstensi yang cocok — .png, .jpg, .gif, .webp, .svg, .ico, .bmp. Tanpa kompresi ulang atau konversi: file identik dengan yang di-encode.
Encoder Bawaan
Tab Gambar → Base64 membalik arah: lepaskan, tempel, atau jelajah ke gambar dan dapatkan output Base64, data URI, HTML, CSS, Markdown, dan JSON beserta metrik ukuran dan saran inlining — perjalanan bolak-balik lengkap dalam satu alat.
Contoh
Decode data URI PNG
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==
PNG 1 × 1, transparan — pratinjau dirender, dapat diunduh sebagai .png
Tempel data URI lengkap dan alat ini langsung merender gambar, membaca dimensi nyata serta tipe MIME-nya, dan memungkinkan Anda mengunduh file yang direkonstruksi.
Base64 mentah tanpa prefiks
/9j/4AAQSkZJRgABAQEAYABgAAD…
JPEG terdeteksi dari magic byte — pratinjau + unduh sebagai .jpg
Tidak ada prefiks data:? Tidak masalah. Decoder memeriksa karakter awal, mengenali tanda tangan JPEG (/9j/), dan membangun data URI yang benar untuk Anda sehingga gambar tetap dirender.
Base64 ter-chunk (terbungkus baris)
iVBORw0KGgoAAAANS UhEUgAAAAEAAAAB CAYAAAA…
Spasi dibuang otomatis — PNG valid didekode
String yang dibungkus pada 76 karakter (RFC 2045) atau disalin dengan jeda baris tersesat dibersihkan otomatis: decoder menghapus semua spasi sebelum mendekode.
Cara Mengonversi Base64 ke Gambar
- 1
Tempel string Base64
Jatuhkan data URI lengkap atau hanya payload Base64 mentah. Decoder membuang spasi dan jeda baris secara otomatis dan menerima input dengan atau tanpa prefiks data:.
- 2
Periksa pratinjau dan metadata
Gambar dirender langsung di atas latar kotak-kotak sehingga transparansi terlihat. Alat ini menampilkan dimensi yang didekode, tipe MIME, dan ukuran byte — menyimpulkan format dari magic byte ketika tidak ada prefiks.
- 3
Unduh gambar
Klik Unduh untuk menyimpan file yang direkonstruksi dengan ekstensi yang benar. Decoding tanpa kehilangan, sehingga hasilnya byte-per-byte identik dengan gambar asli yang di-encode.
Kesalahan Umum
String Terpotong (Padding Hilang)
String gambar Base64 berakhir dengan nol, satu, atau dua karakter =. Salinan yang berhenti terlalu cepat — menghilangkan padding atau beberapa karakter terakhir — tidak dapat didekode dan menampilkan error. Salin ulang seluruh nilai untuk memperbaikinya.
…WjR9awAAAABJRU5ErkJggg // missing trailing == — fails to decode
…WjR9awAAAABJRU5ErkJggg== // complete with padding — decodes cleanly
Menempel Data Bukan Gambar
Base64 dapat meng-encode byte apa pun, bukan hanya gambar. Jika Anda menempel PDF, ZIP, atau teks biasa ter-encode, string didekode tetapi tidak dirender sebagai gambar. Alat ini melaporkan bahwa datanya bukan data gambar yang valid. Pastikan sumbernya benar-benar gambar sebelum mendekode.
JVBERi0xLjcN… // this is a Base64 PDF (%PDF header), not an image
iVBORw0KGgo… // this is a Base64 PNG — renders correctly
Menyertakan Kode Pembungkus
Saat menyalin dari CSS atau HTML, mudah ikut mengambil sintaks di sekitarnya — url("…"), src="…", atau tanda kutip — bersama data URI. Karakter pembungkus yang tersesat dapat merusak decoding. Salin hanya nilai data:…;base64,… (atau payload telanjang), bukan kode di sekitarnya.
url("data:image/png;base64,iVBORw0KGgo…")
// the url(" and ") are not part of the data data:image/png;base64,iVBORw0KGgo… // just the data URI
String Ter-encode Ganda atau URL-Encoded
Kadang data URI di-URL-encode (%2B alih-alih +, %2F alih-alih /) atau dibungkus dalam lapisan encoding lain. Decode lapisan itu dahulu. URL Decoder kami membalik percent-encoding sehingga Anda tersisa Base64 bersih untuk ditempel di sini.
data:image/png;base64,iVBORw0KGgo%2B%2F… // %2B / %2F are URL-encoded + and /
data:image/png;base64,iVBORw0KGgo+/… // URL-decode first, then decode the image
Kasus Penggunaan Umum
- Ekstrak aset dari data URI
- Menemukan gambar yang di-inline di stylesheet atau HTML sebagai data URI dan butuh file aslinya? Tempel string, konfirmasi pratinjau, dan unduh PNG, JPG, atau SVG asli — tanpa perlu meng-host atau membuat ulangnya.
- Inspeksi thumbnail respons API
- API mengembalikan field gambar Base64 dan Anda ingin melihat apa itu. Tempel payload untuk merendernya secara instan, baca dimensi dan tipe nyatanya, dan simpan untuk inspeksi lebih dekat atau laporan bug.
- Debug gambar inline yang rusak
- Gambar tersemat tidak dirender di halaman Anda. Jatuhkan Base64-nya di sini: jika dipratinjau dengan benar, datanya valid dan masalahnya ada di markup atau tipe MIME Anda; jika gagal, string itu sendiri terpotong atau korup.
- Pulihkan gambar dari file konfigurasi atau tema
- Build tool dan bundel tema sering meng-inline ikon dan logo sebagai Base64. Decode string untuk menarik aset kembali keluar sebagai file biasa yang dapat Anda edit, ekspor ulang, atau gunakan kembali di tempat lain.
- Verifikasi output build tool
- Bundler atau skrip menghasilkan data URI dan Anda ingin memastikan ia valid dan benar sebelum dikirim. Mendekodenya di sini adalah pemeriksaan visual tercepat bahwa langkah encoding menghasilkan gambar yang Anda harapkan.
- Konversi Base64 kembali ke file yang dapat dibagikan
- Seseorang mengirimi Anda gambar sebagai blob Base64 di obrolan atau dokumen. Tempel, pratinjau, dan unduh file nyata yang dapat Anda buka, lampirkan, atau unggah secara normal.
Detail Teknis
- Cara Kerja Decoding
- atob bawaan browser mengubah payload Base64 menjadi string biner, yang disalin alat ini byte-per-byte ke dalam Uint8Array. Typed array itu dibungkus dalam Blob yang ditandai dengan tipe MIME yang terdeteksi, dan object URL mengarahkan pratinjau serta tautan unduhan ke sana. Setiap grup empat karakter Base64 menghasilkan tiga byte; padding = di akhir menandai sisa satu atau dua byte. Prosesnya tepat dan tanpa kehilangan — byte yang direkonstruksi cocok persis dengan file asli.
- Deteksi Format dari Magic Byte
- Ketika input tidak memiliki prefiks data: untuk mendeklarasikan tipe MIME, decoder mengidentifikasi format dari beberapa karakter Base64 pertama, yang meng-encode byte tanda tangan file. iVBORw0KGgo mendekode ke header PNG, /9j/ ke penanda SOI JPEG, R0lGOD ke GIF, UklGR ke kontainer RIFF/WebP, PHN2Zy dan PD94bWw ke pembuka
- Tanpa Jaringan, Tanpa Penyimpanan
- Decoding, pratinjau, dan unduhan semuanya lokal. Tidak ada fetch, tidak ada XMLHttpRequest, dan tidak ada perjalanan bolak-balik ke server — satu-satunya aktivitas jaringan yang pernah dilakukan halaman adalah memuat dirinya sendiri. String yang ditempel disimpan di memori selama masa hidup halaman dan dibuang saat Anda menutup atau memuat ulangnya. Inilah yang menjadikan alat ini aman untuk citra rahasia dan dapat dipakai offline.
Praktik Terbaik
- Salin Seluruh String, Termasuk Padding
- String gambar Base64 harus lengkap untuk dapat didekode. Pastikan Anda menyalin setiap karakter, terutama padding = atau == di akhir — nilai yang berakhir di tengah string akan gagal. Jika decoding gagal, memilih ulang dan menyalin ulang string lengkap adalah hal pertama yang harus dicoba.
- Percayai Deteksi Magic Byte untuk String Tanpa Prefiks
- Jika Anda hanya punya payload mentah, tempel apa adanya — tidak perlu menyusun prefiks data: secara manual. Decoder menyimpulkan format dari byte awal dan menetapkan tipe MIME serta ekstensi yang benar. Tambahkan prefiks secara manual hanya jika Anda memang perlu menimpa tipe yang terdeteksi.
- Verifikasi Dimensi Sebelum Mengunduh
- Gunakan dimensi piksel dan tipe MIME yang dilaporkan sebagai pemeriksaan kewarasan bahwa Anda mendekode aset yang dimaksud — terutama saat menarik satu string dari file yang berisi beberapa. Hasil 1×1, misalnya, biasanya berarti Anda mengambil piksel pelacak alih-alih gambar yang Anda inginkan.
- Ingat Base64 Tidak Aman
- Decoding tidak memerlukan kunci, jadi jangan pernah mengandalkan Base64 untuk menyembunyikan konten gambar. Jika Anda menerima string dengan harapan terlindungi, ia tidak — siapa pun dapat mendekodenya di sini dalam hitungan detik. Perlindungan nyata membutuhkan enkripsi dan kontrol akses, bukan encoding.
- Encode Ulang Berputar Tanpa Kehilangan
- Mendekode lalu meng-encode ulang gambar yang sama bersifat tanpa kehilangan, jadi Anda dapat dengan aman berputar bolak-balik melalui kedua tab untuk menguji pipeline. Jika Anda perlu memperkecil aset, kompres file yang didekode dengan Kompresor Gambar kami sebelum meng-encode-nya ulang menjadi data URI yang lebih kecil.
Pertanyaan yang Sering Diajukan
Apa yang dilakukan konverter Base64 ke Gambar ini?
Apakah data Base64 saya diunggah ke mana pun?
Apakah saya perlu menyertakan prefiks data:?
Format gambar apa saja yang dapat didekode?
Mengapa string Base64 saya gagal didekode?
Bagaimana cara menyimpan gambar yang didekode sebagai PNG atau JPG?
Apakah mendekode Base64 sama dengan mendekripsinya?
Bisakah ia menangani string Base64 yang sangat panjang?
Dari mana string gambar Base64 ini berasal?
Apakah decoding kehilangan kualitas?
Alat Terkait
Lihat semua alat →Decode & Encode Base64 Online — Konversi Instan di Browser
Encoding & Pemformatan
Decode dan encode Base64 online gratis. Konversi real-time dengan dukungan UTF-8 dan emoji. 100% privat di browser Anda. Tanpa pendaftaran.
Konverter CSV ke JSON
Encoding & Pemformatan
Konversi CSV ke JSON di browser. RFC 4180, infer tipe, baris header, aman big-int. 100% privat, tanpa unggah.
Konverter Gambar ke Base64
Encoding & Pemformatan
Konversi gambar ke data URI Base64 di browser — PNG, JPG, GIF, WebP, SVG, ICO. Salin output HTML, CSS, Markdown & JSON. 100% privat, tanpa upload.
JSON Diff (Bandingkan)
Encoding & Pemformatan
Bandingkan dua file JSON langsung di browser Anda. Sorotan side-by-side, output RFC 6902 JSON Patch, abaikan field seperti timestamp dan ID. 100% privat, tanpa upload.
Format & Validasi JSON Online — Gratis, Cepat, Privat
Encoding & Pemformatan
Format, validasi, dan rapikan JSON langsung di browser Anda. Alat online gratis dengan deteksi error, minifikasi, dan salin sekali klik. 100% privat.
Validator JSON Schema
Encoding & Pemformatan
Validasi JSON terhadap JSON Schema apa pun secara instan di browser Anda. Mendukung Draft 2020-12, 2019-09, dan Draft-07 dengan pesan error berbasis path yang presisi. 100% privat — tanpa upload, tanpa akun, gratis.