Tukar Imej kepada Base64 Online untuk CSS dan HTML
Base64 membolehkan gambar kecil disisipkan terus ke dalam kod. Tukar fail menjadi teks tanpa memuat naiknya ke pelayan.
Base64 menukar data binari gambar menjadi teks yang boleh disisipkan ke dalam CSS, HTML atau JSON. Gunakan penukar imej kepada Base64 untuk mendapatkan rentetan yang sedia ditampal.
Bila sebaiknya digunakan
Teknik ini berguna untuk ikon kecil, logo ringkas dan aset yang perlu berada dalam satu fail HTML. Data URI juga memudahkan prototaip dan e-mel HTML ringkas.
- Gunakan untuk gambar kecil supaya saiz fail tidak membengkak.
- Pilih format WebP atau SVG jika disokong.
- Elakkan Base64 untuk foto besar.
- Simpan salinan fail asal untuk suntingan.
Perhatikan saiz
Base64 menambah kira-kira satu pertiga kepada saiz data, dan gambar yang disisipkan tidak semestinya disimpan dalam cache secara berasingan. Untuk aset besar, teruskan menggunakan fail gambar biasa. Selepas ditukar, tampal rentetan ke dalam kod dan uji paparannya dalam pelayar.
Alternatif untuk aset besar
Untuk gambar yang sering berubah, simpan sebagai fail berasingan supaya pelayar boleh menyimpannya dalam cache. Base64 lebih sesuai untuk aset kecil yang jarang berubah dan perlu tersedia dalam satu permintaan. Uji kelajuan halaman selepas menampal rentetan.
Soalan lazim
Adakah Base64 sesuai untuk foto besar?
Tidak. Saiz data bertambah dan halaman boleh menjadi perlahan.
Format apa yang disokong?
PNG, JPG, WebP, GIF dan SVG, bergantung pada fail yang anda pilih.
Adakah saiz data bertambah?
Ya, kira-kira satu pertiga lebih besar daripada saiz fail asal.
Adakah gambar dimuat naik?
Tidak. Penukaran berjalan dalam pelayar dan fail tidak dihantar ke pelayan.