Favicon在windows任务栏中是像素化的

Question

我必须为我的网站设置图标，但在Windows任务栏中图标总是看起来很糟糕，尽管我使用图标130x130

我的HTML：

<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">

外观如何：

以亚马逊图标为例。

Icon是由Paint.NET的图标插件创建的。此外，我试图用128x128和64x64创建图标，结果更糟。另外我尝试使用256x256结果更好，但仍然是像素化。但是，如果我在任务栏上的这个页面上创建链接图标就可以了。

有人可以帮助我吗？

Answer 1

Microsoft recommends to put three pictures in the favicon.ico file: 16x16, 32x32 and 48x48。 IE能够选择合适的一个。 Chrome和Firefox使用PNG图标，声明为：

<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">

此favicon generator会生成favicon.ico和PNG图标。最终结果很好。 When adding an icon to the task bar, IE uses the 32x32 picture, Chrome the 196x196 PNG picture and Firefox the 32x32 PNG picture。完全披露：我是本网站的作者。

Answer 2

这样的单个链接还不够，浏览器不会自动调整大小并适当地使用favicon。试试这个好favicon cheat sheet。

Answer 3

标准图标大小为16X16像素。或32X32像素。所以使用这个尺码。 favicon（由于CSS3）不需要在.ico文件中。只是尝试使用.png文件

Answer 4

使用 favicon 作为 .svg（矢量）文件而不是 .png 它肯定会工作而不是像素化。