要实现该功能很简单，只需要在你网站的根目录下放一张名为"apple-touch-icon.png"的图片即可，像添加favicon一样（将名为"favicon.ico"的图标放在网站的根目录下，浏览器会自动加载并显示网站的图标）。
如果需要精确控制，添加下面的代码：
1. 在网页的head部分添加以下代码，其中href属性值为图片的路径。
2. 为满足不同分辨率设备的显示效果，可以添加三个不同分辨率的图片：57 x 57像素用于前三代iPhone和iPod Touch，72 x 72像素用于iPad，114 x 114像素用于采用Retina display的iPhone4和iPod Touch等后续产品。通过sizes属性控制：
3. 另外，通过将rel属性的值修改成"apple-touch-icon-precomposed"来避免iOS将图标添加高光效果。
下载本文