[Résolu] Favicon mais dans un dossier

bonjour
question simple et pourtant je ne trouve pas de réponse claire...
est il possible de placer un favicon ailleurs qu'à la racine du site ?
j'ai généré un certain nombre de formats pour la compatibilité mobile, et je voulais donc créer un dossier dédié pour pas avoir 36 images à la racine du serveur....et le favicon ne s'affiche pas !

<!-- favicon JP -->
    <link rel="icon" href="favicon/favicon.ico" sizes="16x16" type="image/png">
	<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="favicon/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
	<link rel="manifest" href="favicon/manifest.json">

j'ai essayé favicon/ ou /favicon/ ou ./favicon/ mais rien n'y fait...

peut etre que cela ne peut fonctionner qu'à la racine, ou du mois au meme niveau que la page html concernée ?

merci de vos lumieres....

Salut,

Comme Greg, favicon ou non c'est une image ou plutôt un fichier, donc il n'y aucune restriction sur l'endroit où est héberger ton image (elle peut être dans un dossier, sur un autre serveur,etc..)

Du coup, aurais-tu ton site en ligne ? pour voir un peu les erreurs console ?
$
mais il me semble que shortcut icon doit être précisé (sur IE cela ne semble pas fonctionner)


EDIT :

Après quelques recherches, il me semble que si c'est un fichier .ico tu es obliger d'utiliser le shorcut icon. Sinon tu dois utilisé un PNG.
exemple :

<link rel="shortcut icon" href="/path/to/icons/favicon.ico">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-192x192.png" sizes="192x192">

Modifié par JENCAL (13 Oct 2016 - 14:11)

Je me suis mal exprimé. A ma connaissance, les favicons doivent être placés à la racine pour être pris en compte par le navigateur. Cette information date d'une recherche que j'avais faite il y a deux ans donc n'est peut-être plus d'actualité.

JENCAL a écrit :

par contre as-tu connaissance de shortcut icon ?

C'est loin tout ça pour moi, le projet sur lequel je travaille n'a pas (encore) de logo donc je n'ai pas re-travaillé ce chapitre.

Au regard de ce que j'avais dans mes tablettes, je vois que je ne fais nulle-part mention de shortcut icon. Il doit s'agir dune spec récente où alors je suis passé au dessus.

A l'époque, après maintes et maintes essais ceci fonctionnait (presque, je vois que je n'avais pas de version Androïd) partout :

<LINK REL="apple-touch-icon" sizes="57x57" href="../apple-touch-icon-57x57.png"/>
<LINK REL="apple-touch-icon" sizes="114x114" href="../apple-touch-icon-114x114.png"/>
<LINK REL="apple-touch-icon" sizes="72x72" href="../apple-touch-icon-72x72.png"/>
<LINK REL="apple-touch-icon" sizes="144x144" href="../apple-touch-icon-144x144.png"/>
<LINK REL="apple-touch-icon" sizes="60x60" href="../apple-touch-icon-60x60.png"/>
<LINK REL="apple-touch-icon" sizes="120x120" href="../apple-touch-icon-120x120.png"/>
<LINK REL="apple-touch-icon" sizes="76x76" href="../apple-touch-icon-76x76.png"/>
<LINK REL="apple-touch-icon" sizes="152x152" href="../apple-touch-icon-152x152.png"/>
<LINK REL="apple-touch-icon" sizes="180x180" href="../apple-touch-icon-180x180.png"/>
<LINK REL="icon" TYPE="image/png" HREF="../favicon-192x192.png" sizes="192x192"/>
<LINK REL="icon" TYPE="image/png" HREF="../favicon-160x160.png" sizes="160x160"/>
<LINK REL="icon" TYPE="image/png" HREF="../favicon-96x96.png" sizes="96x96"/>
<LINK REL="icon" TYPE="image/png" HREF="../favicon-16x16.png" sizes="16x16"/>
<LINK REL="icon" TYPE="image/png" HREF="../favicon-32x32.png" sizes="32x32"/>
<META NAME="msapplication-TileColor" CONTENT="#9b0000">
<META NAME="msapplication-TileImage" CONTENT="../mstile-144x144.png">

Si tu trouves des infos à ce sujet, je serais heureux de pouvoir me mettre à jour.
Modifié par Greg_Lumiere (13 Oct 2016 - 14:42)

jp.bond a écrit :

merci bcp de votre aide et donc je vous confirme que l'on a pas besoin que le favicon soit à la racine (en tout cas si on utilise des png et pas des .ico)

Hé bien je ne serais pas venu pour rien, j'aurais encore appris quelque-chose