让Safari中收藏的个人网站显示Logo touch-icon
Safari中要显示网站的Logo需要特意设置一下,并不是通常的写法:
<link rel="shortcut icon" type="image/png" href="pics/favicon.png">
而是有它自己的一套写法,应该是为了美观吧,收藏的地址链接可以放上桌面上,也不能让它太难看了是不是。
通用:
<link rel="apple-touch-icon" href="custom_icon.png">
指定不同设备:
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">