apple touch icon png apple touch icon precomposed png 服务器404问题

620 阅读1分钟

最近收到运维反应 后台有很多关于这个图片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属性为“设计原图图标”; 简单点说 就是一个图标比较高亮 最为备选的图片 我这么说容易理解吧~ 溜了~溜了~