Imej kepada Base64
Tukar imej kepada URI data yang boleh anda tampal terus ke dalam CSS atau HTML.
- Berjalan pada peranti anda — fail tidak pernah dihantar ke mana-mana
- Tanpa pendaftaran, tanpa tera air, tanpa kuota harian
- Percuma, tanpa had berapa kerap anda menggunakannya
Cara ia berfungsi
URI data membenamkan imej terus dalam kod sumber anda dan bukan merujuk fail berasingan. Itu membuang satu permintaan rangkaian, yang penting untuk imej kecil yang jika tidak akan memakan satu pusingan setiap satu.
Bila ia berbaloi
Ikon kecil, logo dan grafik satu warna. Di bawah kira-kira 2 KB, permintaan yang dijimatkan biasanya melebihi kosnya. Melebihi itu, rujukan fail biasa lebih baik.
Penalti saiz
Base64 mengodkan tiga bait sebagai empat aksara, jadi URI data kira-kira 33% lebih besar daripada fail. Ia juga tidak boleh disimpan dalam cache secara berasingan — ia dimuat turun semula dengan setiap salinan helaian gaya atau halaman yang mengandunginya.
Di mana hendak menampalnya
Terus ke dalam url() CSS atau atribut src img. Output sudah membawa awalan jenis media yang betul.
Imej kepada Base64 — soalan lazim
Mengapakah ada had saiz?
URI data tempatnya dalam kod sumber, dan yang sangat besar membengkakkan setiap halaman yang menyertakannya. Hadnya ialah 2 MB.
Adakah ia berfungsi dengan SVG?
SVG ialah teks, jadi ia boleh disisipkan terus tanpa Base64, yang lebih kecil.
Adakah imej saya dimuat naik?
Tidak. Pengekodan berlaku dalam pelayar anda.