Lompat ke konten
SPCXTools

Base64 ke Gambar

Decode string Base64 dan Data URI menjadi gambar yang dapat dilihat dan diunduh secara instan langsung di browser Anda.

Berjalan secara lokal — file tidak pernah meninggalkan perangkat Anda

Memuat alat…

Cara menggunakan Base64 ke Gambar

  1. 1Tempel string Base64, Data URI, atau snippet CSS Anda ke dalam area teks.
  2. 2Alat ini secara otomatis membersihkan input, menghapus spasi berlebih atau wrapper CSS, lalu men-decode teks tersebut.
  3. 3Pratinjau gambar yang dipulihkan dan lihat jenis file yang terdeteksi, ukuran file yang tepat, serta dimensi pikselnya.
  4. 4Klik Unduh untuk menyimpan gambar ke perangkat Anda dengan ekstensi file yang benar.

Dekoder Base64 ke gambar yang cepat dan privat

Saat bekerja dengan pengembangan web, API, atau aset email yang disematkan, Anda sering menemukan gambar yang dienkode sebagai string teks yang panjang. Alat Base64 ke gambar ini memungkinkan Anda menempelkan teks tersebut dan langsung melihat file visual aslinya.

Baik Anda perlu mengubah Base64 ke PNG, memulihkan JPEG dari payload JSON, atau mengekstrak SVG dari stylesheet, alat ini memproses konversi secara instan. Karena berjalan sepenuhnya di browser Anda, data Anda tidak akan pernah diunggah atau disimpan di server mana pun. Anda dapat dengan aman mendekode aset eksklusif, foto pribadi, atau mockup rahasia tanpa khawatir tentang privasi data.

Cara kerja decoder gambar Base64 ini

Base64 adalah skema encoding yang menerjemahkan data biner (seperti file gambar) menjadi format string ASCII. Hal ini sangat berguna untuk mengirim file melalui protokol berbasis teks, tetapi membuat gambar tersebut tidak dapat dibaca oleh manusia.

Decoder kami membalikkan proses ini dengan beberapa fitur cerdas yang dirancang khusus untuk developer:

Parsing Input Cerdas: Anda tidak perlu memformat input dengan sempurna. Alat ini otomatis menghapus spasi dan baris baru. Jika Anda mengekstrak gambar dari stylesheet, Anda bisa mem-paste seluruh kode url('data:image/png;base64,...'); alat ini akan otomatis menghapus wrapper CSS dan awalan Data URI untuk mengisolasi string Base64 mentah. Alat ini juga mendukung URL-safe Base64 dengan mengoreksi karakter - dan _ secara otomatis.

Deteksi Magic Number: Daripada hanya mengandalkan tipe MIME pada Data URI (yang bisa saja tidak ada atau salah), alat ini memindai data biner yang telah di-decode untuk mencari "magic numbers"—urutan byte spesifik di awal file yang mengidentifikasi formatnya. Hal ini memastikan deteksi yang akurat untuk berbagai format, baik saat Anda perlu mengonversi Base64 ke JPG, WebP, GIF, AVIF, BMP, ICO, atau SVG.

Metadata Instan: Setelah di-decode, alat ini tidak hanya menampilkan pratinjau. Alat ini menghitung ukuran file pasti dalam bytes dan membaca dimensi piksel asli (lebar dan tinggi) gambar, membantu Anda memastikan bahwa aset tersebut sudah sesuai sebelum di-download.

Contoh penggunaan decode Base64

Pengembangan Web dan Debugging: Developer sering menyematkan ikon atau logo kecil langsung ke HTML atau CSS menggunakan Data URI untuk mengurangi HTTP request. Jika Anda perlu memperbarui atau memeriksa gambar tersebut tetapi tidak memiliki file aslinya, cukup paste Data URI ke alat decode gambar ini untuk mendapatkan kembali file sumbernya dalam hitungan detik.

Integrasi API: Banyak API modern, terutama yang berkaitan dengan verifikasi identitas, scan dokumen, atau backend aplikasi mobile, mengirimkan gambar sebagai string Base64 di dalam payload JSON. Saat melakukan debugging respons API, Anda dapat menyalin string tersebut dan melakukan decode di sini untuk memastikan API mengembalikan gambar yang benar tanpa perlu menulis script khusus.

Desain Template Email: Email HTML sering menggunakan gambar Base64 yang disematkan untuk melewati pemblokiran gambar eksternal oleh email client. Jika Anda sedang membedah atau memperbarui template email lama, alat ini membantu Anda mengekstrak aset tersebut kembali menjadi file gambar standar.

Data URI vs Raw Base64

Anda biasanya akan menemukan gambar Base64 dalam salah satu dari dua format berikut:

  1. Raw Base64: Deretan huruf, angka, tanda tambah, dan garis miring yang bersambung, sering kali diakhiri dengan satu atau dua tanda sama dengan (misalnya, iVBORw0KGgoAAAANSUhEUg...). Ini murni data file mentah.
  2. Data URI: String yang menyertakan header metadata untuk memberi tahu browser cara membaca data tersebut (misalnya, data:image/png;base64,iVBORw0KGgo...).

Alat ini dapat memproses keduanya dengan lancar. Jika Anda memasukkan string mentah (raw), alat ini sepenuhnya mengandalkan deteksi signature file untuk mengetahui formatnya. Jika Anda memasukkan Data URI, alat ini menggunakan tipe MIME yang dideklarasikan sebagai cadangan, sehingga memastikan kompatibilitas yang maksimal.

Tips bekerja dengan gambar yang di-encode

  • Pembengkakan Ukuran File: Ingat bahwa encoding Base64 meningkatkan ukuran file gambar sekitar 33%. Meskipun menyisipkan gambar secara inline dapat menghemat request jaringan, melakukannya pada foto berukuran besar akan membuat file HTML atau CSS Anda membengkak. Praktik terbaiknya adalah hanya meng-encode aset kecil seperti ikon atau placeholder.
  • Meng-encode Gambar: Jika Anda perlu melakukan hal sebaliknya dan mengubah file gambar menjadi string teks untuk kode Anda, gunakan alat Gambar ke Base64 kami.
  • Encoding Teks Lainnya: Jika Anda bekerja dengan teks standar dan bukan file biner, alat Base64 Encoder/Decoder standar atau URL Encode/Decode kami mungkin juga berguna untuk alur kerja Anda.

Pertanyaan yang sering diajukan

Format gambar apa saja yang didukung?
Alat ini dapat mendekode dan menampilkan pratinjau format gambar apa pun yang didukung oleh browser modern, termasuk PNG, JPEG (JPG), GIF, WebP, BMP, ICO, AVIF, dan SVG. Alat ini mendeteksi jenis file secara otomatis dengan membaca signature biner file tersebut.
Bisakah saya mengonversi Base64 ke PNG atau Base64 ke JPG secara spesifik?
Alat ini mengembalikan format gambar sesuai aslinya saat dienkode. Jika file PNG dienkode ke Base64, alat ini akan mendekodenya kembali menjadi PNG. Anda tidak bisa mengubah format saat proses dekode, tetapi Anda dapat mengunduh file hasilnya dan menggunakan konverter gambar standar setelahnya.
Apakah data Base64 saya dikirim ke server?
Tidak. Semua proses dekode dilakukan secara lokal di browser Anda menggunakan JavaScript. Data Anda tidak pernah diunggah ke server mana pun, sehingga privasi gambar sensitif atau rahasia Anda tetap terjamin sepenuhnya.
Mengapa saya mendapat error "Invalid Base64" atau "Not an image"?
Hal ini terjadi jika teks berisi karakter yang tidak valid dalam enkode Base64, jika string terpotong, atau jika data biner yang didekode tidak cocok dengan signature file gambar yang dikenali. Pastikan Anda menyalin seluruh string, karena kode gambar Base64 bisa sangat panjang.
Apakah alat ini bisa digunakan untuk kode CSS background-image?
Ya. Alat ini secara otomatis menghapus format url('...') dan awalan data:image/...;base64,, sehingga Anda bisa langsung mem-paste snippet CSS mentah tanpa perlu membersihkan string-nya secara manual terlebih dahulu.

Alat terkait

Gambar ke Base64Ubah gambar apa pun menjadi data URI Base64 dan salin sebagai Base64 biasa, background CSS, tag img HTML, atau Markdown.Encode & Decode Base64Konversi teks dan file ke Base64 dan sebaliknya, dengan dukungan penuh UTF-8 dan Base64URL.URL Encode & DecodeLakukan percent-encode teks untuk URL atau decode URL dan query string kembali menjadi teks yang dapat dibaca.Kalkulator ChmodKonversi antara kotak centang, angka oktal seperti 755, dan hak akses simbolik seperti rwxr-xr-x.Generator Ekspresi CronTulis jadwal crontab, baca dalam bahasa sederhana, dan cek kapan tepatnya jadwal tersebut akan dieksekusi berikutnya.CSS MinifierPerkecil stylesheet Anda — hapus spasi, komentar, dan aturan yang berlebihan — dan lihat berapa banyak ukuran yang dihemat.