出現在網站頁面標題左側的微小圖標，行業內稱為favicon或網站圖標，Google Chrome從80版本起將開始支持favicon的SVG圖像格式， 目前的金絲雀每日測試版本已經包含該特性，而Firefox支持它已經有4年了。
Google在Chrome中添加對favicon的SVG支持並不容易，因為Chromium員工在相關的bug報告帖子中表示這難以實施，這是因為Chrome的SVG代碼已高度集成到核心渲染引擎中，因此，這需要調整整個渲染器。
相比之下，微軟的Internet Explorer和Edge尚不支持SVG圖標，Firefox目前是唯一支持該圖標的瀏覽器，Chrome的跟進意味著其他基於Chromium的瀏覽器（如Vivaldi，Opera，Brave和新版Microsoft Edge）也會同時支持SVG作為favicon。
現在，您可以使用“ prefers-color-scheme”來設置SVG圖標的樣式，為了外觀上能夠與主題統一，Chrome還會在啟用黑暗模式時將圖標顯示為黑色，而在淺色模式下將圖標顯示為黃色。
要測試瀏覽器是否支持SVG網站圖標，請在瀏覽器地址欄中訪問該測試站點，如果您在選項卡中或在網站圖標的位置看到笑臉，那麼瀏覽器支持該功能（如果您看到悲傷的笑臉），如若沒有圖標則說明該瀏覽器不支持該功能。
分享到:
閱讀更多 cnBeta 的文章
