Erreur 404 sur apple-touch-icon.png

Dans les logs watchdog (iXe drupal 6 et ce drupal 7), je trouve des erreurs 404 sur ces png: /apple-touch-icon.png et /apple-touch-icon-precomposed.png.

Source (2011) http://www.aliasdmc.com/developpement/programmation_cote_serveur/eviter_une_erreur_404_sur_le_apple_touch_icon_png.php

Un user-agent demandait /apple-touch-icon-precomposed.png (est utilisé comme tel et /apple-touch-icon subira une transformation), et /apple-touch-icon.png. Soit vous les mettez à la base de votre site (voir taille et style), soit vous les mettez dans un autre répertoire et dans ce cas vous devez faire une redirection (via .htaccess).
apple-touch-icon.png est un petit icône spécifique d'accès au site web utilisé par l'iPhone, l'iPod Touch et l'iPad d'Apple.

Autres articles sur le sujet (plus récents)

sur realfavicongenerator.net

https://realfavicongenerator.net/blog/apple-touch-icon-the-good-the-bad-... la taille doit etre de 152×152.
Apple defines 4 icon sizes, from 60×60 up to 152×152.

en fr

http://bigint.fr/blog/2014-03-29/Informations-sur-le-favicon

Les "Touch Icons" sont les icônes présentes vos téléphones portables et vos tablettes. Si les touch icon ne sont pas présentes, une miniature est générée à partir d'une capture d'écran de votre site.
Le plus simple est d'utiliser <link rel="apple-touch-icon" href="apple-touch-icon.png">

Depuis la version 2.1, Android supporte cette syntaxe. Néanmoins, à partir de la version de chrome 31 pour Android, vous pouvez utiliser la syntaxe recommandé par l'HTML5 : <link rel="icon" sizes="160x160" href="favicon-160x160.png">

Si cette syntaxe n'est pas présente, Chrome se rabattra sur la syntaxe Apple.

Particularités : precomposed

Lorsque vous spécifiez un touch icon pour iOS. Le système d’exploitation ajoute des effets visuels à votre icône : bords arrondis, effet glossy et ombre portée. Si vous ne voulez pas de tous ces effets supplémentaires ou si votre icône les incorpore déjà, vous pouvez suffixer votre fichier avec "-precomposed" pour dire à iOS de ne pas toucher à votre icone.  <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">

Néanmoins, depuis iOS 7, le suffixe precomposed est devenu deprecated et les effets ne sont plus ajoutés par défaut.

 

Pour faire les choses bien et être exhaustif, il faut supporter de nombreuses tailles et formats de favicons. C’est chronophage, et n’apporte pas une énorme valeur ajoutée. Utilisez un générateur de favicon?