apple-touch-icon.png apple-touch

最近收到运维反应 后台有很多关于这个图片404的问题 ；自己也是一脸懵逼的；

出现原因：

苹果safari浏览器定义的这两种属性是为了苹果移动设备（ipod、ipad、iphone）对移动网站-mobile web进行收藏（“添加到桌面图标”）的时候增加的图标定义属性；web端没有配置这2个属性导致的；
(添加到桌面图标)具体操作如下：
知道的小伙伴就当看着玩--反正我是第一次知道

1.png
2.png 3.png
这样一顿操作就可以啦；桌面就有1个图标了;方便下次直接打开；
因为没有配置这个图片，就会报404的错了； 不BB了 下面贴下解决办法；

解决办法：

    <link rel="apple-touch-icon" sizes="120x120" href="./apple-touch-icon.png">
    <link rel="apple-touch-icon-precomposed"  sizes="120x120" href="./apple-touch-icon.png">

注：这个图片就是显示主屏幕的ICON 自己找设计出图也行啦

额外补充：

apple-touch-icon 和 apple-touch-icon-precomposed是2个不同属性。
区别：

• 使用apple-touch-icon属性为“增加高光光亮的图标”；
• 使用apple-touch-icon-precomposed属性为“设计原图图标”；
  简单点说 就是一个图标比较高亮 最为备选的图片 我这么说容易理解吧~
  溜了_溜了