Enkode
Data URI / Gambar Base64
Encode gambar menjadi Data URI (data:image/…;base64,…) untuk disisipkan ke CSS/HTML, dan decode Data URI atau Base64 mentah kembali menjadi file — semuanya langsung di browser.
Pratinjau gambar akan muncul di sini.
Pertanyaan yang sering diajukan
Kapan sebaiknya memakai Data URI untuk gambar?
Data URI berguna untuk gambar kecil (misalnya ikon) yang ingin disisipkan langsung ke CSS atau HTML tanpa file terpisah, sehingga mengurangi jumlah request HTTP. Untuk gambar besar sebaiknya tetap pakai file gambar biasa.
Apa kelemahan memakai Data URI dibanding file gambar biasa?
Data URI membuat ukuran HTML/CSS membengkak sekitar 33% dibanding file aslinya karena encoding Base64, tidak di-cache terpisah oleh browser seperti file gambar biasa, dan punya batas ukuran praktis di beberapa browser serta klien email.
Apakah gambar yang saya unggah dikirim ke server?
Tidak. Proses encode ke Data URI dan decode kembali ke file berjalan sepenuhnya di browser Anda, gambar tidak pernah diunggah ke server.