Encoder & Decoder Gambar Base64 — Alat Konversi Online Gratis
Encoder & Decoder Gambar Base64
Konversi gambar ke Base64 dan sebaliknya. Mendukung PNG, JPEG, GIF, WebP, BMP, SVG, dan ICO.
Output sebagai Data URI, HTML <img>, CSS background-image, Markdown, JSON, atau XML.
Semua pemrosesan berlangsung secara lokal di browser — gambar tidak pernah diunggah ke server mana pun.
Arah:
Format:
Unggah Gambar
📷
Klik untuk memilih atau seret & lepaskan gambar di sini
PNG, JPEG, GIF, WebP, BMP, SVG, ICO — maks. 10 MB
⚠ Gambar besar (>5 MB). Base64 yang dienkode akan sangat panjang. Pertimbangkan untuk mengompresinya terlebih dahulu.
Format:
-
Dimensi:
-
Ukuran File:
-
Ukuran Base64:
-
Output (Base64)
Enkode: Gambar → Base64 Unggah atau seret & lepaskan gambar untuk dienkode menjadi Base64. Pilih dari 7 format output: Data URI (sematkan langsung di halaman web), Base64 Mentah, HTML <img>, CSS background-image, Markdown, JSON, atau XML.
Dekode: Ubah arah untuk mendekode string Base64 kembali menjadi gambar — tempel Base64 atau Data URI apa pun dan lihat pratinjau gambarnya. Format gambar dideteksi otomatis dari magic bytes (PNG, JPEG, GIF, WebP, BMP, ICO, SVG).
Aman-URL: Mengganti + dengan - dan / dengan _, dan menghapus padding = di akhir.
Format yang didukung: PNG, JPEG, GIF, WebP, BMP, SVG, ICO.
Privasi: Semua pemrosesan dilakukan secara lokal di browser — gambar tidak pernah diunggah.
Kapan menyisipkan gambar layak dilakukan
Menyisipkan gambar sebagai data URI menghemat satu permintaan HTTP, tetapi teks Base64-nya sekitar 33% lebih besar daripada byte mentah dan tidak dapat di-cache secara terpisah dari halaman. Pertukaran itu layak untuk ikon kecil dan grafik sekali pakai, dan biasanya keliru untuk foto dan aset yang berulang.
Aturan praktis: sisipkan gambar di bawah beberapa KB — untuk yang lebih besar, file gambar yang di-cache terpisah lebih unggul pada kunjungan berulang.
🔷 Info Gambar Base64
Format Output 7 format untuk berbagai kasus penggunaan.
Data URI data:image/png;base64,...
Base64 Mentah Hanya string base64 biasa
HTML <img src="..."> tag
CSS background-image: url(...)
Markdown / JSON / XML Sematkan dalam dokumen, API, konfigurasi