首頁 > web前端 > css教學 > Favicons:如何確保瀏覽器僅下載SVG版本

Favicons:如何確保瀏覽器僅下載SVG版本

Lisa Kudrow
發布: 2025-03-18 11:26:14
原創
721 人瀏覽過

Favicons:如何確保瀏覽器僅下載SVG版本

最近,šimeVidas強調了一個討論Favicon HTML的Twitter線程。我最初的Favicon代碼包含一個錯字:

<link href="/favicon.ico" rel="icon" size="any"><link href="/favicon.svg" rel="icon" type="image/svg xml">
登入後複製

正確的代碼使用sizes而不是size

<link href="/favicon.ico" rel="icon" sizes="any"><link href="/favicon.svg" rel="icon" type="image/svg xml">
登入後複製

這種校正可防止Chrome同時下載ICO和SVG Favicons,從而確保僅使用SVG(首選格式)。我的ICO文件是5.8kb,代表每個頁面加載不可忽略的保存。

šime在Web Platform News#42中提到了這一點,並指出雖然SVG Favicons得到了除Safari以外的所有現代瀏覽器的支持,但宣布ICO和SVG都需要ICO上的sizes="any"屬性<link>標記以防止鉻鉻優先考慮ICO。 (有關詳細信息,請參見Chrome Bug 1162276)。他以CSS-Tricks為例,是最佳標記的一個例子,儘管僅在確定錯誤之後才是正確的。最初的錯別字可能源於上一篇文章(現已糾正),但安德烈(Andrey)的文章仍然是實踐實施的寶貴資源。

以上是Favicons:如何確保瀏覽器僅下載SVG版本的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板