我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。
这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?
我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹。
这可能吗?一个iPad友好的72×72 PNG如果作为一个普通的浏览器收藏夹链接,会缩放吗?还是必须使用单独的16×16或32×32图像?
当前回答
恐怕每个决议都需要单独的文件。在活动监视器上有一篇很好的文章,描述了他们如何为每个iOS设备创建和实现图标:
http://www.campaignmonitor.com/blog/post/3234/designing-campaign-monitor-ios-icons/
其他回答
在同一文件中可以有多个大小的图标。我经常创建48、32和16像素的favicon(.ico文件)。您可以添加任意大小的图像。问题是,iPhone会使用ico文件吗?
ico也支持透明度,但我不确定它是否是PNG这样的alpha通道;可能更像GIF,无论是打开还是关闭。
最简单的解决方案(2021)
使用一个(!)SVG图像
如果您不关心支持Safari,可以使用单个SVG图标:
<link rel="icon" href="favicon.svg" type="image/svg+xml" sizes="any">
使用一个(!)PNG图像
如果您希望获得全面支持*,应将其添加到文档标题:
<link rel="shortcut icon" type="image/png" href="/img/icon-192x192.png">
<link rel="shortcut icon" sizes="192x192" href="/img/icon-192x192.png">
<link rel="apple-touch-icon" href="/img/icon-192x192.png">
最后一个链接用于苹果(主屏幕),第二个链接用于Android(主屏幕,其余的第一个链接。
大小与Android主屏幕使用的大小完全相同。苹果主屏幕图标大小为60px(3x),因此为180px,并将缩小。其他平台使用默认快捷方式图标,该图标也会缩小。
*请注意,此解决方案不支持Windows 8/10中的“平铺”。不过,它确实支持快捷方式、书签和浏览器选项卡中的图像。
恐怕每个决议都需要单独的文件。在活动监视器上有一篇很好的文章,描述了他们如何为每个iOS设备创建和实现图标:
http://www.campaignmonitor.com/blog/post/3234/designing-campaign-monitor-ios-icons/
我想提醒大家,问题是:
我想使用一张图片作为常规收藏夹和iPhone/iPad友好的收藏夹?这可能吗?如果链接到普通浏览器收藏夹,iPad友好的72x72 PNG会缩放吗?还是必须使用单独的16x16或32x32图像?
答案是:是的,这是可能的!是,它将被缩放。不,您不需要“常规浏览器收藏夹”。请看这个答案:https://stackoverflow.com/a/48646940/2397550
根据维基百科关于Favicon的文章,Internet Explorer只支持Favicon图标的ICO格式。
我会坚持使用两个不同的图标。