我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。

这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?


当前回答

favicon.ico是16x16

<link rel="shortcut icon" href="favicon.ico"/>

我用这些在手机和平板电脑上变得漂亮:

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico72.png">
<link rel="apple-touch-icon-precomposed" href="img/ico57.png">

在根目录中使用“favicon.ico”这个名字很重要,因为许多浏览器都会先找到它。

其他回答

16x16像素,*.ico格式。

看起来你的文件应该是.ico类型。

查看此关于收藏夹的帖子:

http://www.html-kit.com/support/favicon/image-size/

favicon.ico是16x16

<link rel="shortcut icon" href="favicon.ico"/>

我用这些在手机和平板电脑上变得漂亮:

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico72.png">
<link rel="apple-touch-icon-precomposed" href="img/ico57.png">

在根目录中使用“favicon.ico”这个名字很重要,因为许多浏览器都会先找到它。

我没有看到这里列出的任何最新信息,所以这里是:

现在来回答这个问题,如果你想让你的图标到处都好看,2个favicon就不会这么做了。请参见以下尺寸:

16 x 16–浏览器的标准尺寸24 x 24–用于用户界面的IE9固定站点大小32 x 32–IE新页面选项卡、Windows 7+任务栏按钮、Safari阅读列表侧边栏48 x 48–Windows站点57 x 57–iPod touch,iPhone最高支持3G60 x 60–iPhone触摸屏达到iOS764 x 64–Windows站点,HiDPI/Rina中的Safari Reader列表侧边栏70 x 70–Win 8.1 Metro瓷砖72 x 72–iPad触控至iOS676 x 76–iOS796 x 96–谷歌电视114 x 114–iPhone视网膜触摸达到iOS6120 x 120–iPhone视网膜触摸iOS7128 x 128–Chrome Web Store应用程序,Android144 x 144–用于固定站点的IE10 Metro瓷砖,iPad视网膜高达iOS6150 x 150–Win 8.1 Metro瓷砖152 x 152–iPad视网膜触摸iOS7196 x 196–Android Chrome310 x 150–Win 8.1宽Metro瓷砖310 x 310–Win 8.1 Metro瓷砖

所选图像的格式必须为16x16像素或32x32像素,使用8位或24位颜色。的格式图像必须是PNG(W3C标准)、GIF或ICO之一。-如何将传真添加到您的网站-QA@W3C