- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
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?