รูปแบบ Favicon ทำงานอย่างไร
การทราบว่าแต่ละรูปแบบทำงานอย่างไรจะช่วยให้คุณแก้ไขปัญหา "ไอคอน favicon ของฉันไม่แสดง" ที่หลีกเลี่ยงไม่ได้
คอนเทนเนอร์ .ico
ไฟล์ .ico คือส่วนหัวที่ตามด้วยรายการรูปภาพตั้งแต่หนึ่งรายการขึ้นไป แต่ละรายการสามารถเป็น BMP หรือ PNG และแต่ละรายการมีความกว้าง ความสูง และความลึกของบิต
เบราว์เซอร์จะแยกวิเคราะห์ไดเร็กทอรี เลือกรายการที่ตรงกับขนาดที่ร้องขอ และถอดรหัสเพียงรายการนั้น
PNG ภายใน .ico
สำหรับขนาด 64×64 และสูงกว่า การบีบอัด PNG จะลดขนาดไฟล์ลง 5-10 เท่า โดยไม่สูญเสียการมองเห็น เครื่องกำเนิดไฟฟ้าสมัยใหม่ (รวมของเราด้วย) ทำสิ่งนี้โดยอัตโนมัติ
favicon SVG
favicon SVG เป็นไฟล์ SVG ปกติ เบราว์เซอร์จะเรนเดอร์มันเหมือนกับ SVG อื่นๆ และบล็อก <style> สามารถปรับสีตามแบบแผนสีที่ต้องการ
วิธีที่เบราว์เซอร์เลือก
หากคุณใช้แท็ก <link rel="icon"> หลายแท็ก เบราว์เซอร์จะเลือกแท็กที่ตรงกับจุดที่ใช้งานมากที่สุด (แท็บเทียบกับบุ๊กมาร์กและการติดตั้ง) แนะนำให้ใช้ SVG เมื่อได้รับการสนับสนุน .ico เป็นทางเลือก