สรุปแท็กสำหรับใช้งาน SVG Favicon

 (medium.com)
6 คะแนน โดย xguru 2020-04-23 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

  • Chrome, Safari, Edge และ FF รองรับ SVG favicon แล้วในเบราว์เซอร์ส่วนใหญ่

  • SVG พื้นฐานใช้ rel="icon" ได้

  • Safari ใช้ rel="mask-icon" color='#000000'

  • สามารถเปลี่ยนสีในโหมดมืดได้

สำหรับเบราว์เซอร์บนมือถือยังคงใช้แบบเดิม

  • iOS: rel="apple-touch-icon"

  • Android & Chrome: ต้องกำหนดไอคอน สี ฯลฯ ใน manifest.json

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
xguru 2020-04-23

ในเนื้อหาบอกว่าไม่จำเป็นต้องมี image/svg+xml

แต่ใน https://caniuse.com/#feat=link-icon-svg ระบุว่าสำหรับ Chrome และ Edge เป็นต้น ยังต้องใช้ image/svg+xml อยู่ น่าจะต้องทดสอบเพิ่มเติม