Bonjour à tous,
 
Je suis embêté avec les favicon.
 
J'en utilise un depuis plusieurs années, tout était ok.
 
à la racine de mon serveur ftp, j'avais mis plusieurs fichiers favicon (qui était le meme logo) avec les noms suivant :
 
apple-touch-icon.png
favicon-16x16.png
favicon-32x32.png
safari-pinned-tab.svg
manifest.json
 
 
mon fichier index.html (lui meme à la racine du ftp) avait ces lignes de code :
 

 
l'icone était vu par iOS et Android sous soucis.
 
J'ai eu besoin de refaire un fichier index.html avec un autre favicon sur ce même ftp.
Je précise que le tout n'est plus à la racine mais dans un repertoire (disons "exemple" pour ce cas)
 
J'ai crée le répertoire /exemple puis à l'intérieur, j'ai mis un autre favicon + un fichier index.html c'est à dire que dans le répertoire il y a :
 
apple-touch-icon.png
favicon-16x16.png
favicon-32x32.png
safari-pinned-tab.svg
manifest.json
index.html
 
le code pour les favicon dans le fichier html est le suivant
 
mon fichier index.html (lui meme à la racine du ftp) avait ces lignes de code :
 

 
et la .. problème.
 
Safari / iOS arrivent à faire la différence et place le bon favicon sur le springboard de l'iPhone.
Par contre j'ai testé sous Android et à chaque fois, le navigateur reprend le favicon de la racine du répertoire sans faire attention à mes liens de direction dans le fichier index.html du repertoire /exemple.
 
J'espere que vous m'avez compris et j'espère avoir la solution magique :-D
 
Sachant que j'ai testé aussi de changé les noms des favicon comme ceci
 
apple-touch-icon-exemple.png
favicon-16x16-exemple.png
favicon-32x32-exemple.png
safari-pinned-tab-exemple.svg
manifest-exemple.json
 
puis j'ai mis ces fichiers directement à la racine du ftp avec évidement l'index modifié comme ceci
 

 
Mais rieb y fait !!!!!
 
Merci d'avance

Si c'est Androide qui déconnes en défaultant sur la favicon à la racine je dirais à vue de nez que tu as des problèmes avec tes manifest.json, peut être des chemins relatif  vs absolus...
Perso j’utilise https://realfavicongenerator.net/ qui marche vraiment pas mal est qui est régulièrement mis à jour, tu peut vérifier le code généré pour voir ce qui ne fonctionne pas...
 
Si j'étais toi je n'encombrerais pas la racine avec toutes tes favicon, je laisserais juste un générique favicon.ico (car y'a toujours des requêtes qui finissent en 4004 dans les logs ^^) et tout le reste bien rangé dans des dossier :

 
Moi mes meta gaéré pour un site ressemble à ca :

 
Avec les bons fichiers et meta ça devrait fonctionner...

je teste ça dans les minutes à venir.
Je tiens au courant

Alors
 
J'ai refais les fichiers avec le lien que tu m'a donné et j'ai re-codé les pages html en mettant, comme tu m'as conseillé, un dossier favicon.
 
Meme soucis
 
et j'ai tenté après en mettant les liens absolu vers le dossier favicon/exemple et sur android, il m'a mis le bon logo donc ça devrait être bon :-)
 
Merci de ton aide en tout cas !

   
Content que ma boule de cristal est fonctionné ! ^^
 
De manière général, les liens absolus sont quand même plus safe quand on fait du web...