苹果触摸图标的正确像素尺寸是多less？
我不确定正确的大小应该是什么。
许多网站似乎重复说苹果触摸图标应该是57×57像素，但引用一个断开的链接作为他们的来源。
Hanselman和playgroundblues的评论提出了不同的尺寸，包括163×163和60×60。
苹果自己的apple.com图标是129×129！
看到我的相关问题： 我如何给我的网站一个iPhone的图标？
看来，截至2010年8月3日，苹果的指导方针现在包含“高分辨率”图像（用于iPhone 4）的“必需”图标大小。
看起来我们现在需要同时提供57×57和114×114图像，以及640×960标题图像。
请参阅自定义图标和图像创build指南 （需要Javascript），它是整个文档的一部分：
- iOS人机界面指南（2013; Apple Inc; PDF; 26.3 MB）
来自Apple Developer Connection的Googlecaching– Web Apps开发人员中心 – devise内容 …
创build一个Web剪贴书签图标
iPhone和iPod touch允许用户在主屏幕上将Web剪辑书签保存到您的网站。
要为网站的所有页面指定书签图标，请在网页服务器的根目录下放置一个名为“apple-touch-icon.png”的PNG图像 – 类似于网站图标的“favicon.ico”。
要覆盖特定网页上的网站书签图标，请在页面的<head>元素内插入类似于<link rel =“apple-touch-icon”href =“/ customIcon.png”/>的<link>元素。
书签图标尺寸应该是57×57像素。 如果图标是不同的大小，它将被缩放和裁剪，以适应。
Safari会自动将图标与标准的“玻璃状”覆盖图组合起来，使其看起来像内置的iPhone或iPod应用程序。
取决于你想要它有多less细节，它需要有1：1的宽高比（基本上 – 它需要是方形的）
我会去苹果自己的129 * 129
我不能引用这些尺寸的来源，因为官方的参考资料是ADC的锁和钥匙。
但是，许多非NDA网站都有关于如何创build图标的教程。 例如这里：
- HOWTO：iPhone Webclip图标 （2008年1月，Dan Dickinson着）
作为Safari网页内容指南的一部分，苹果公司实际上有一个名为“ 为网页剪辑指定网页图标 ”的公共页面（需要Javascript），其中涵盖了所有的解决scheme及其实现。
- Safari网页内容指南（2012年;苹果公司; PDF; 6,91 MB）
官方尺寸是57×57。 我会build议使用确切的大小，因为它加载时会占用较less的内存（除非Applecaching缩放表示）。 就这样说， 雷克斯是正确的 ，任何广场大小将起作用
苹果规格指定了iOS7的新尺寸：
- 60X60
- 76×76
- 120×120
- 152×152
而iOS6和之前版本的旧版本是：
- 57×57
- 最高72×72
- 114×114
- 144×144
顺便说一下，预先分解的图标已弃用。
因此，为了支持新设备（运行iOS7）和旧版本（iOS6和之前版本），这8张图片必须存在，通用代码是：
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
另外， 你应该创build一个名为apple-touch-icon.png的152×152图片 。
你可能想知道这个favicon generator可以一次生成所有这些图片。 充分披露：我是这个网站的作者。
我不认为有一个“正确的大小”。 由于iPhone确实在运行OSX，图标渲染系统非常强大。 只要你给它一个高分辨率的图像，并且分辨率至less和实际输出一样高，那么操作系统就会很干净地缩小比例。 我的网站使用一个158×158的图标，在iPhone屏幕上看起来像素完美。
NilObject的链接引导我到makentosh.com 上的Icon上的伟大博客文章Catchup
…当然，所有这些不一致都必须最终处理，对吧？ 那么2.0就好好地处理了！ 最后57×57实际上意味着57×57。
…每一个像素…完美呈现。
你不必再为正确尺寸而烦恼了。 如果你有图标文件（即1024 * 1024的文件），那么我已经创build了这个应用程序，它会根据这里提供的信息为你提供所有的图标。 从这里获取应用程序 ，并按照自述文件中的说明为iOS应用程序创build所有必需的图标。
更新列表2014年10月，iOS8
列出iPhone和iPad有和没有视网膜
<link rel="apple-touch-icon" href="touch-icon-iphone.png"> <link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png"> <link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
2014年更新iOS 8：
对于iOS 8和Iphone 6 plus
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
iPhone 6使用与iphone 4和5相同的120 x 120像素图像，其余与iOS 7相同
2013年更新iOS7：
对于iOS 7，build议的分辨率已更改：
- iPhone视网膜从114×114像素到120×120像素
- iPad视网膜从144×144像素到152×152像素
另一个决议仍然是一样的
- 57 x 57 px默认
- 76 x 76像素为iPad没有视网膜
