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中文网其他相关文章！