iPad和iPhone的apple-touch-icon.png应该是多大尺寸？
是否支持大于60x60的Apple touch图标？如果支持，iPad和iPhone应使用什么尺寸？是。但最好制作两个版本的图标iPad和iPhone的apple-touch-icon.png应该是多大尺寸？,iphone,ipad,icons,Iphone,Ipad,Icons,是否支持大于60x60的Apple touch图标？如果支持，iPad和iPhone应使用什么尺寸？是。但最好制作两个版本的图标 iPad-72x72 iPhone(≥4） -114x114 iPhone≤3GS-57x57-如果可能 你可以在你的服务器上。如果您不想在服务器上编写脚本，还可以通过 <link ref="apple-touch-icon" href="iPhone_version.png" /> ... if (... iPad test ...) { $(
- iPad-72x72
- iPhone(≥4） -114x114
- iPhone≤3GS-57x57-如果可能
<link ref="apple-touch-icon" href="iPhone_version.png" />
...
if (... iPad test ...) {
$('link[rel="apple-touch-icon"]').href = 'iPad_version.png'; // assuming jQuery
}
...
如果（…iPad测试…）{
$（'link[rel=“apple touch icon”]”）。href='iPad_version.png'；//假设jQuery
}
（没有公开的方式来区分iPhone≥4来自iPhone≤我想这个问题是关于网页图标的。我试过在512x512上显示一个图标，在iPhone4模拟器上看起来很棒（在预览中），但是当添加到主屏幕时，它的像素化程度很差 好的一面是，如果你在iPad上使用一个更大的图标（仍然是我的512x512测试），它在iPad上的质量确实会更好。希望iPhone4的渲染是一个bug 我在雷达上发现了一个关于这个的错误 编辑：
我目前正在使用一个114x114图标，希望它在iPhone4发布时看起来会很好。如果iPhone4在发布时仍然有缺陷，我将优化iPad的图标（清晰，72x72无需调整大小），然后让它在旧iPhone上缩小。苹果网站上的图标是152x152像素。
希望这能回答您的问题。使用这些尺寸57x57、72x72、114x114、144x144，然后在文档的开头执行以下操作：
<link rel="apple-touch-icon" href="apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png" />
这在所有苹果设备上都会很好看 苹果网站上的相关文档 没有必要在文档的开头添加任何内容。如果未使用链接元素指定图标，则会在网站根目录中搜索前缀为apple touch图标或apple touch图标的图标 例如，如果设备的适当图标大小为57 x 57，系统将按以下顺序搜索文件名：
- apple-touch-icon-57x57-precomposed.png
- apple-touch-icon-57x57.png
- apple-touch-icon-precomposed.png
- apple-touch-icon.png
<!-- Standard iPhone -->
<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone-114.png" />
<!-- Retina iPhone -->
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-114.png" />
<!-- Standard iPad -->
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad-144.png" />
<!-- Retina iPad -->
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-144.png" />
更新列表2019年12月，iOS13 一个图标用于iOS 180x180 px，一个图标用于android 192x192 px（在site.webmanifest中声明） 弃用名单2017年10月，iOS11 带或不带视网膜的iPhone和iPad列表
<!-- iPhone(first generation or 2G), iPhone 3G, iPhone 3GS -->
<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone.png">
<!-- iPad and iPad mini @1x -->
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<!-- iPhone 4, iPhone 4s, iPhone 5, iPhone 5c, iPhone 5s, iPhone 6, iPhone 6s, iPhone 7, iPhone 7s, iPhone8 -->
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<!-- iPad and iPad mini @2x -->
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<!-- iPad Pro -->
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-pro.png">
<!-- iPhone X, iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus -->
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
<!-- Android Devices High Resolution -->
<link rel="icon" sizes="192x192" href="icon-hd.png">
<!-- Android Devices Normal Resolution -->
<link rel="icon" sizes="128x128" href="icon.png">
<!-- Android Devices High Resolution -->
<link rel="icon" sizes="192x192" href="icon-hd.png">
<!-- Android Devices High Resolution -->
<link rel="icon" sizes="128x128" href="icon.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-pro.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
- 适用于从114 x 114像素到120 x 120像素的iPhone视网膜
- 用于从144 x 144像素到152 x 152像素的iPad视网膜
- 57 x 57像素默认值
- 76 x 76像素，适用于无视网膜的iPad
是，支持大于60x60的尺寸。为简单起见，请创建以下4种尺寸的图标：
1) 60x60 <= default
2) 76x76
3) 120x120
4) 152x152
在iOS 7之前的版本中，如果您不希望它为图标添加效果，则只需在文件名中添加后缀
-precomposed.png 57 X 57 pixels
114 X 114 pixels (high resolution @2X)
72 x 72 pixels
144 X 144 pixels (high resolution @2X)
我已经开发和设计了一段时间的iOS应用程序，是最好的iOS设计备忘 玩得开心：） 更新： 有关iOS 8+和新设备（iPhone 6、6 Plus、iPad Air）的信息，请参阅 元更新： Iphone 6s/6s Plus的分辨率分别与Iphone 6/6 Plus相同 这是文章新版本的图片：
TL；DR:使用一个PNG图标，以180 x 180 px@150 ppi的速度，然后像这样链接到它：
<link rel="apple-touch-icon" href="path/to/apple-touch-icon.png">
- iPhone 180px×180px（60pt×60pt@3x）
- iPhone 120px×120px（60pt×60pt@2x）
- iPad Pro 167px×167px（83.5pt×83.5pt@2x）
- iPad，迷你iPad 152px×152px（76pt×76pt@2x）
- use PNG, avoid interlaced
- use 24-bit PNG
- not necessary to use web-safe colors
57 X 57 pixels
114 X 114 pixels (high resolution @2X)
72 x 72 pixels
144 X 144 pixels (high resolution @2X)
<link rel="apple-touch-icon" href="path/to/apple-touch-icon.png">