Google Chrome 80將提供對SVG favicon圖標的支持
出現在網站頁面標題左側的微小圖標,行業內稱為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網站圖標,請在瀏覽器地址欄中訪問該測試站點,如果您在選項卡中或在網站圖標的位置看到笑臉,那麼瀏覽器支持該功能(如果您看到悲傷的笑臉),如若沒有圖標則說明該瀏覽器不支持該功能。