html - 使用不同分辨率的苹果触摸图标？

Question

目前我正在使用以下标签将 apple-touch-icon.png 链接到我的网站

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

它的分辨率为 57x57 像素。但是，现在我想为具有视网膜显示器的 iphone 和 ipad 用户支持更高分辨率的图标。怎么可能达到。我尝试用谷歌搜索这个问题，但没有发现任何有用的东西。你有什么建议？

Answer 1

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

<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-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-retina.png" />