让Safari中收藏的个人网站显示Logo

让Safari中收藏的个人网站显示Logo touch-icon

Safari中要显示网站的Logo需要特意设置一下，并不是通常的写法：

<link rel="shortcut icon" type="image/png" href="pics/favicon.png">

而是有它自己的一套写法，应该是为了美观吧，收藏的地址链接可以放上桌面上，也不能让它太难看了是不是。

官方的说明:
https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

通用：

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

效果图

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！