iphone - iPad 和 iPhone 的 apple-touch-icon.png 的尺寸应该是多少？

Question

是否支持大于 60x60 的 Apple 触摸图标？如果支持，我应该为 iPad 和 iPhone 使用什么尺寸？

Answer 1

2019 年 12 月更新列表，iOS13一个适用于 iOS 180x180 px 的图标，一个适用于 android 192x192 px 的图标(在 site.webmanifest 中声明)。

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

#### site.webmanifest
{
    "name": "",
    "short_name": "",
    "icons": [
        {
            "src": "/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        }
    ],
    "display": "standalone"
}

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">

2017 年 10 月更新 iOS 11:iOS 11 已检查，iPhone X 和 iPhone 8 推出

2016 年 11 月更新 iOS 10:新的 iOS 版本 iPhone 7 和 iPhone 7plus 推出，它们具有与 iPhone 6s 和 iPhone 7plus 相同的显示分辨率、dpi 等，到目前为止，没有发现关于 2015 更新的任何变化

2016 年中更新 Android:将 Android 设备添加到列表中，因为 Apple-touch 链接已被 Google 标记为已弃用，并且其设备随时不再受支持

<!-- 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">

更新 2015 iOS 9:适用于 iOS 9 和 iPad Pro

<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-pro.png">

新款 iPhone(6s 和 6s Plus)使用与 iPhone(6 和 6 Plus)相同的尺寸，新款 iPad Pro 使用尺寸为 167x167 px 的图像，其他分辨率仍然相同。

更新 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，建议的分辨率已更改:

• 适用于 iPhone Retina，从 114 x 114 像素到 120 x 120 像素
• 适用于 iPad Retina，分辨率为 144 x 144 像素至 152 x 152 像素

其他分辨率还是一样

• 默认 57 x 57 像素
• 不带视网膜的 iPad 为 76 x 76 像素

来源: https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/