Используете иконки Apple Touch Touch с различным разрешением?

Question

В настоящее время я использую следующий тег для ссылки apple-touch-icon.png на мой сайт.

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

Он имеет разрешение 57х57 пикселей. Однако теперь я хотел бы поддержать значок с более высоким разрешением для пользователей iPhone и iPad, которые имеют дисплеи Retina. Как это может быть достигнуто. Я попытался погуглить эту проблему, но ничего полезного не пришло. Что ты предлагаешь?

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