苹果触摸图标的正确像素尺寸是多少？

Question

苹果触摸图标的正确像素尺寸是多少？

Zac*_*son 71 iphone favicon apple-touch-icon

我不确定应该是什么样的正确尺寸.

许多网站似乎都重复说苹果触摸图标应该是57x57像素,但引用了断开的链接作为其来源.

Hanselman和playgroundblues的评论提出了不同的规模,包括163x163和60x60.

Apple自己的apple.com图标是129x129!

请参阅我的相关问题: 如何为我的网站提供iPhone的图标？

Answer 1

小智 41

截至2010年8月3日的Apple指南现在似乎包含了"高分辨率"图像(适用于iPhone 4)的"必需"图标大小.

看起来我们现在需要提供57x57和114x114图像,以及640x960标题图像.

请参阅自定义图标和图像创建指南(需要Javascript),它是整个文档的一部分:

iOS人机界面指南(2013; Apple Inc; PDF; 26,3 MB)

由于OP正在谈论苹果触摸图标(即图像iOS从网站上采集以在主屏幕上显示为图标),而不是本机应用程序自己的图标,因此640 x 940标题图像与此处无关.(也就是说有一个320 x 480的"启动"图像,如[此处]所述(http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html #// apple_ref/DOC/UID/TP40002051-CH3-SW4) (2认同)

Answer 2

Zac*_*son 5

来自Apple Developer Connection的Google缓存- Web Apps开发中心 - 设计内容 ......

创建Web剪辑书签图标

iPhone和iPod touch允许用户在其主屏幕上将Web剪辑书签保存到您的站点.

要为网站的所有页面指定书签图标,请在Web服务器的根目录中放置名为"apple-touch-icon.png"的PNG图像 - 类似于站点图标的"favicon.ico".

要覆盖特定网页上的网站书签图标,请在页面的<head>元素中插入类似于<link rel ="apple-touch-icon"href ="/ customIcon.png"/>的<link>元素.

书签图标尺寸应为57x57像素.如果图标大小不同,则会缩放并裁剪以适合.

Safari会自动将图标与标准的"玻璃"叠加层合成,因此它看起来像是内置的iPhone或iPod应用程序.

你的答案已经过时了.请参见http://stackoverflow.com/questions/1598/what-are-the-correct-pixel-dimensions-for-an-apple-touch-icon/3490980#3490980 (2认同)

归档时间：	17 年，2 月前
查看次数：	47782 次
最近记录：	9 年，10 月前