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

效果图