To se řeší poměrně jednoduše uvedením souboru v několika formátech, z nichž se použije ten, který je podporován. Není to úplně elegantní, ale funguje to výborně.
On clovek musi provadet na webu mnohem horsi veci kvuli vetsim drobnostem. Staci si vzpomenou na favicon.ico a jeho jeste odporinejsiho bratrika apple-touch-icon:
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<!-- For first- and second-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<!-- For iPhone with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<!-- For third-generation iPad with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
