Gambar ke Base64
Ubah gambar menjadi data URI yang bisa langsung Anda tempel ke CSS atau HTML.
- Berjalan di perangkat Anda — file tidak pernah dikirim ke mana pun
- Tanpa pendaftaran, tanpa watermark, tanpa kuota harian
- Gratis, tanpa batas seberapa sering Anda menggunakannya
Cara kerjanya
Data URI menyematkan gambar langsung di kode sumber Anda, bukan merujuk ke file terpisah. Itu menghilangkan satu permintaan jaringan, yang penting untuk gambar kecil yang jika tidak, masing-masing memerlukan satu putaran permintaan.
Kapan layak digunakan
Ikon kecil, logo, dan grafik satu warna. Di bawah sekitar 2 KB, permintaan yang dihemat biasanya lebih berharga daripada biayanya. Di atas itu, referensi file biasa lebih unggul.
Kekurangan ukuran
Base64 mengodekan tiga byte menjadi empat karakter, sehingga data URI sekitar 33% lebih besar daripada file aslinya. Data URI juga tidak bisa di-cache secara terpisah — ia diunduh ulang bersama setiap salinan stylesheet atau halaman yang memuatnya.
Ke mana menempelkannya
Langsung ke url() CSS atau atribut src pada img. Hasilnya sudah membawa awalan tipe media yang benar.
Gambar ke Base64 — pertanyaan
Mengapa ada batas ukuran?
Data URI sebaiknya digunakan dalam kode sumber, dan yang sangat besar akan membebani setiap halaman yang memuatnya. Batasnya adalah 2 MB.
Apakah berfungsi dengan SVG?
SVG adalah teks, sehingga bisa disisipkan langsung tanpa Base64, yang ukurannya lebih kecil.
Apakah gambar saya diunggah?
Tidak. Encoding berlangsung di browser Anda.