Gambar Base64 dan data URL: kapan dipakai dan dihindari
Data URL berguna untuk file kecil, tetapi memengaruhi ukuran, cache, dan performa.
Cara kerja
Data URL menaruh file kecil di dalam string URL. Untuk gambar, bentuk umum dimulai dengan data:image/png;base64,.
Cocok untuk
Gunakan untuk ikon sangat kecil, test fixture, email sederhana, atau preview hasil generator.
Biaya
Base64 mengubah 3 byte menjadi 4 karakter. HTML atau CSS menjadi lebih besar sebelum browser menemukan aset.
Batas
MDN menjelaskan batas panjang dan aturan keamanan. Browser modern memblokir navigasi tingkat atas ke data: URL karena risiko phishing.
Aturan praktis
Inline hanya file kecil yang masih nyaman dibaca di source. Simpan gambar normal dan upload sebagai file terpisah.