[筆記] HTML Favicon 適用性

Favicon 便是出現在網頁瀏覽器分頁左上角那個小小的圖示，這邊筆記下可以用的格式以及相容性相關的內容。

---

內容

根據 W3C 所提供的定義文件，附檔名和 type 的組合如下：
1. png – image/png
2. ico – image/vnd.microsoft.icon
3. icns – 無
4. svg – image/svg+xml

Can I Use… 適用性

1. PNG Favicon 的適用性高，就連 IE 11 都支援，可涵蓋約 98% 的瀏覽器

2. SVG Favicon 就很不一定了，當前手機主流之一的 Safari 就完全不支援

 

按讚加入粉絲團

延伸閱讀

• [筆記] TypeScript 拓展 Window 物件定義
• [筆記] 篩選可用的時間區段 – 思路與邏輯
• [筆記] yarn 安裝時出現 certificate has expired 的解決方式
• [筆記] vite 開發實作替代 html 模版文字
• [筆記] Vite 開發與生產環境，注入內容到瀏覽器 window 物件中