Cara Kerja Format Favicon
Mengetahui cara kerja setiap format membantu Anda men-debug masalah "favicon saya tidak muncul" yang tak terhindarkan.
Wadah .ico
File .ico adalah header yang diikuti oleh satu atau lebih entri gambar. Setiap entri dapat berupa BMP atau PNG, dan masing-masing memiliki lebar, tinggi, dan kedalaman bit.
Browser mengurai direktori, memilih entri yang cocok dengan ukuran yang diminta, dan mendekode yang itu saja.
PNG di dalam .ico
Untuk ukuran 64×64 ke atas, kompresi PNG memotong ukuran file sebesar 5-10x tanpa kehilangan visual. Generator modern (termasuk milik kami) melakukan ini secara otomatis.
favicon SVG
Favicon SVG adalah file SVG normal. Browser merendernya seperti SVG lainnya, dan blok <style> dapat mengadaptasi warna berdasarkan skema warna pilihan.
Bagaimana browser memilih
Jika Anda menyediakankan beberapa tag <link rel="icon">, browser akan memilih salah satu yang paling cocok dengan permukaannya (tab vs bookmark vs pemasangan). SVG lebih disukai bila didukung; .ico adalah penggantinya.