iPhone 主屏幕为什么需要单独的图标？
iPhone 将网站添加到主屏幕时，使用的不是简单放大后的浏览器标签 ICO。需要准备单独素材，并实际走一遍“添加到主屏幕”的操作。
准备专用 PNG
从原始图稿导出正方形 PNG，不要放大已经很小的 favicon。180×180 是 iPhone 常见的起点，具体设备要求应参照 Apple 文档。为背景和留白作出明确设计，检查圆角呈现效果。ICO 文件不能代替这张 PNG。
在页面声明触屏图标
使用 rel="apple-touch-icon"，并填写 PNG 的真实网址，示例见下方。尤其要检查 CMS 发布后的 HTML，确认是否插入了另一套声明。图片必须能从公开页面访问，编辑器的本地路径或错误的子目录地址都不能在手机上使用。
重新添加一个测试快捷方式
更新后，删除原来的测试快捷方式，在受支持的真实设备上重新添加。对比保存后的图标和 PNG 文件，不要只看浏览器标签。IcoJet 输出 ICO；触屏 PNG 请在图片编辑器中生成，并和 ICO 一起保存到交付目录。
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">参考资料与延伸阅读
Apple — Web Clip icons ↗MDN — link ↗