Gambar / MULTIVERTO

Gambar ke Base64 dan Base64 ke gambar

Kodekan berkas gambar sebagai URL data Base64 atau uraikan Base64 menjadi pratinjau dan berkas gambar.

Konverter interaktifBerkas diproses di browser ini.
Sematkan alat ini

Pilih tampilan awal yang dilihat pengunjung.

Pilih tampilan awal yang dilihat pengunjung.

Siapa pun dapat membaca nilai dalam kode yang diterbitkan. Jangan sertakan token atau berkas pribadi.

Pratinjau widget ↗

02 / Panduan

Gambar ke Base64 dan Base64 ke gambar — Cara kerja

Gambar berisi byte; Base64 menuliskannya sebagai teks

Mengodekan gambar ke Base64 berarti membaca byte dari PNG, JPEG, WebP, GIF, atau SVG yang aman dan menuliskannya memakai alfabet Base64. Hasil pada halaman ini berupa URL data: diawali jenis MIME seperti data:image/png;base64, kemudian disusul byte yang telah dikodekan. URL tersebut dapat ditempel sebagai sumber gambar atau dikirim ke sistem yang menerima teks. Pengodean tidak memperkecil gambar maupun mengubah tampilan visualnya. Teks Base64 biasanya sekitar sepertiga lebih panjang daripada data biner asal, bahkan sebelum awalan URL dihitung.

Halaman ini juga melakukan arah sebaliknya. Pilih Base64 ke gambar, tempel URL data lengkap atau Base64 mentah, lalu pilih format gambar bila awalan MIME tidak tersedia. Alat menguraikan karakter menjadi byte, memeriksa tanda pengenal format, menampilkan pratinjau, dan menyediakan unduhan. Kedua arah merupakan langkah yang saling membalikkan dalam satu pekerjaan, sehingga tidak memerlukan halaman kedua yang hampir sama.

Contoh perjalanan bolak-balik

Setelah sebuah PNG satu piksel dikodekan, URL datanya dimulai dengan data:image/png;base64,. Karakter awal pada bagian isi dapat berupa iVBORw0KGgo. Awalan yang mudah dikenali itu berasal dari tanda pengenal berkas PNG; bagian berikutnya membawa data gambar. Tempel seluruh URL pada arah kebalikan dan pratinjau seharusnya menampilkan gambar lagi. Berkas unduhan berisi byte hasil penguraian. Alat tidak menggambar ulang bitmap pada langkah ini, sehingga perjalanan bolak-balik yang valid dapat mempertahankan byte sumber.

Ikon sangat kecil yang disisipkan mungkin praktis dalam contoh HTML mandiri atau pengujian API. Pada situs biasa, berkas gambar terpisah sering lebih mudah disimpan dalam cache, diganti, dan diperiksa. Bandingkan ukuran muatan sebenarnya sebelum menyisipkan. Gambar beberapa megabyte menghasilkan string panjang, membuat kode sumber sulit dibaca, dan dapat memperlambat proses penyalinan atau penguraian di browser.

Pemeriksaan format dan kekeliruan

Base64 merupakan pengodean, bukan enkripsi. Siapa pun yang membaca string tersebut dapat mengembalikan gambarnya. Jangan menaruh foto pribadi dalam dokumen publik hanya karena sudah dikodekan. Jika awalan URL data tidak tersedia, pilih MIME yang sebenarnya: memberi label PNG kepada byte JPEG tidak mengubah format. Pengurai memeriksa tanda pengenal berkas umum dan menolak ketidakcocokan alih-alih memberikan unduhan menyesatkan. Spasi dalam Base64 hasil salinan dapat diabaikan, tetapi bagian yang hilang tidak bisa diperbaiki otomatis.

Berbeda dari pengode Base64 untuk teks, alat ini memakai byte berkas gambar, bukan huruf pada namanya atau deskripsi gambar. SVG hanya diterima jika aman dan mandiri. Batas ukuran mencegah string sangat besar menghabiskan memori browser. Bila pratinjau gagal sesudah penguraian, periksa kelengkapan data asal dan kesesuaian MIME yang dinyatakan dengan format aslinya.

Gambar ke Base64 dan Base64 ke gambar — Cara kerja
  1. Gambar berisi byte; Base64 menuliskannya sebagai teks
  2. Contoh perjalanan bolak-balik
  3. Pemeriksaan format dan kekeliruan