在apple设备上显示网站图标
使用apple设备(iPhone, iPad, iTouch等)上的safari上网, 可以将喜欢的站点添加到主屏幕上. 为了给访问者留下美好的印象, 可以给网站准备apple设备使用的图片.
最简单的方法是在网站的根目录放置一张图片, 名为 apple-touch-icon.png. 针对iphone3及以下, 可以再放置名为apple-touch-icon-57x57.png的图片, 针对iphone4, 可以再放置名为apple-touch-icon-114x114.png的图片, 针对iPad, 可以再放置名为apple-touch-icon-72x72.png的图片
使用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="72x72" href="touch-icon-ipad.png" /> <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
apple相关设备搜索图标文件名的顺序如下(譬如iphone3)
apple-touch-icon-57x57-precomposed.png apple-touch-icon-57x57.png apple-touch-icon-precomposed.png apple-touch-icon.png
参考网址: