用于HTML网站的Apple Touch图标

对于iPhone或iPad上的网页图标,请使用Apple Touch Icon或apple-touch-icon.png文件。当有人将您的网页添加为书签时,将使用此图标。

对于具有不同设备分辨率的多个图标(例如iPhone或iPad),将size属性添加到每个链接元素,如下所示-

<link rel = "apple-touch-icon" href = "touch-icon-iphone.png">

设定尺寸

<link rel = "apple-touch-icon" sizes = "160x160" href = "touch-icon-ipad.png">
<link rel = "apple-touch-icon" sizes = "170x170" href = "touch-icon-iphone-retina.png">
<link rel = "apple-touch-icon" sizes = "180x180" href = "touch-icon-ipad-retina.png">

使用具有适合设备大小的图标。