Gambar ke Base64

Kapan inline berguna

Data URL menghemat satu request, tetapi tidak dapat di-cache sendiri: data tersebut didownload lagi setiap kali salinan HTML atau CSS yang memuatnya didownload, dan ukurannya sekitar sepertiga lebih besar daripada file asli. Pertukaran ini cocok untuk gambar kecil berukuran beberapa kilobyte, seperti ikon dalam stylesheet atau placeholder buram. Foto dan gambar yang digunakan ulang di beberapa halaman akan dimuat lebih cepat sebagai file biasa. Untuk SVG, melakukan URL-encoding pada markup biasanya menghasilkan data URL yang lebih pendek daripada Base64.

Tempat data URL tidak berfungsi

Gmail dan banyak email client lain tidak menampilkan gambar yang disematkan sebagai data URL, jadi gunakan link ke gambar yang di-host dalam newsletter. Banyak API yang menerima gambar Base64 hanya menginginkan payload-nya: hapus semua bagian hingga dan termasuk koma setelah base64. Halaman dengan Content Security Policy harus mencantumkan data: dalam direktif img-src sebelum gambar inline dapat dimuat.

Cara menggunakannya

1. Pilih gambar.
2. Ubah ke Base64 secara lokal.
3. Salin data URL yang dihasilkan.

Privasi & batasan

File tetap di perangkat Anda. Base64 adalah encoding, bukan enkripsi, dan menambah ukuran sekitar sepertiga.