FAVICON, la vérité s'il vous plaît ?

gjpeg · 20 Décembre 2007

bonjour,

ce qui me plait en cette fin d'année et de passer du temps sur un problème très bateau...

Je n'arrive pas à trouver un code qui affiche le favicon dans les 3 braowser ie7+ff+saf, les trois sous windows.

j'ai mis ça :

Code:

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

mais ça fonctionne partout sauf ie7

je regarde celui de webrankinfo :

Code:

<link rel="shortcut icon" type="images/x-icon" href="/images/favicon.ico"  />
<link rel="shortcut icon" type="images/png" href="/images/favicon.png"   />

déjà en deux ! ça m'aide pas. de plus l'un fonctionne sous windows et affiche l'icone de Google ! et l'autre sous linux affiche le W bleu.

donc je suis perdu !
si je conclu bêtement, je me dits "ah bas j'en mets 2 aussi"

SuperCureuil · 20 Décembre 2007

Salut,

Essaye en mettant une url absolue :

Code:

<link rel="shortcut icon" href="http://mon site.com/img/icones/favicon.ico" />

Chez moi ça fonctionne partout.

@+

saypee · 20 Décembre 2007

Bonjour,
sous IE7 il faut vider ton cache et insister avec la touche F5.

titiplanti · 20 Décembre 2007

Oui il faut en mettre 2 (pour IE et pour firefox) et 2 fichiers image (un .ico et un .png).
Voici mes codes qui fonctionnent

Code:

<link rel="icon" href="/icon.png" type="image/png">
<link rel="shortcut icon" href="/favicon.ico">

Et après il faut vider le cache et revenir pour voir apparaître les modifs.

saypee · 20 Décembre 2007

pas besoin d'en mettre deux, moi je ne met que ce code :

<link rel="shortcut icon" href="http://www.example.com/favicon.ico">

Cela marche pour firefox et ie

broidsy · 20 Décembre 2007

Le problème ne vient pas uniquement de l'URL, mais également du fait que IE ne sait pas lire toutes les favicons mais seulement quelques formats de favicon :roll: (je ne connais pas le détail des caractéristiques reconnu ou non, apparemment ce n'est pas qu'une histoire de taille...).

La solution que j'ai testé avec succès consiste à récupérer celle de live.com et de coller par dessus celle de ton site :
1) Récupérer la favicon de live.com : http://www.live.com/favicon.ico
2) Ouvrir avec TheGimp ou autre la favicon de ton site et celle de live.com
3) "Sélectionner tout" -> effacer pour celle de live
4) "Sélectionner tout" + copier sur celle de ton site, puis coller sur celle de live.com qui vient d'être effacé.
5) Ctrl + S et c'est ok...

Jeviensderio · 20 Décembre 2007

C'est une idée

alfred99 · 20 Décembre 2007

C'est bien compliqué la solution de live.com proposée par broidsy, mes favicons, je les fabrique directement avec photofiltre ( freeware) .

saypee · 20 Décembre 2007

il y a un plug in gratuit pour photoshop, c'est super pratique.

http://www.telegraphics.com.au/sw/

Jeviensderio · 20 Décembre 2007

Photofiltre:

Cliquez ici pour acheter votre licence et votre clé pour PhotoFiltre Studio

Pas si gratuit.

saypee · 20 Décembre 2007

voici le lien direct du telechargement pour WINDOWS:

http://www.telegraphics.com.au/sw/dl.ph ... f9-win.zip

Edit: pardon je croyais que vous parliez de mon lien

alfred99 · 20 Décembre 2007

Excuses Jeviensderio, j'avais oublié de préciser que c'est photofiltre tout court !
http://photofiltre.free.fr/
Il est vraiment freeware et excellent pour faire aussi des retouches photos, changements de format, allègement, etc.... !

Szarah · 20 Décembre 2007

Voui, la version gratuite de Photofiltre dispose de pas mal d'atouts. Déjà qu'il s'ouvre en une fraction de seconde, ça me change de mon toShop pourtant enregistré.

Mais pour les favicons je passe par un service online : http://tools.dynamicdrive.com/favicon/

Thierry Bugs · 20 Décembre 2007

saypee a dit:
pas besoin d'en mettre deux, moi je ne met que ce code :

<link rel="shortcut icon" href="http://www.example.com/favicon.ico">

Cela marche pour firefox et ie

c'est incroyable, parce que vrai chez toi : ça fonctionne
et sur mon site du profil où j'ai le meme code : ça ne fonctionne pas sur ie
:roll:

saypee · 20 Décembre 2007

Thierry Bugs a dit:
c'est incroyable, parce que vrai chez toi : ça fonctionne
et sur mon site du profil où j'ai le meme code : ça ne fonctionne pas sur ie
:roll:

Oui j'ai teste ton site , cela ne s'affiche pas avec IE, par contre c'est ok avec Firefox.

titiplanti · 20 Décembre 2007

Pour créer le .ico j'utilise simplement Irfanview.

broidsy · 20 Décembre 2007

Thierry Bugs a dit:
saypee a dit:

pas besoin d'en mettre deux, moi je ne met que ce code :

<link rel="shortcut icon" href="http://www.example.com/favicon.ico">

Cela marche pour firefox et ie

Cliquez pour agrandir...

c'est incroyable, parce que vrai chez toi : ça fonctionne
et sur mon site du profil où j'ai le meme code : ça ne fonctionne pas sur ie
:roll:

=>

broidsy a dit:
Le problème ne vient pas uniquement de l'URL, mais également du fait que IE ne sait pas lire toutes les favicons mais seulement quelques formats de favicon :roll: (je ne connais pas le détail des caractéristiques reconnu ou non, apparemment ce n'est pas qu'une histoire de taille...).

non ?

acamar · 20 Décembre 2007

titiplanti a dit:
Pour créer le .ico j'utilise simplement Irfanview.

C'est très facile aussi avec Gimp, même avec transparence alpha.. enregistrer sous .ico une 16x16 et c'est joué !

saypee · 20 Décembre 2007

broidsy a dit:
Thierry Bugs a dit:

saypee a dit:

pas besoin d'en mettre deux, moi je ne met que ce code :

<link rel="shortcut icon" href="http://www.example.com/favicon.ico">

Cela marche pour firefox et ie

Cliquez pour agrandir...

c'est incroyable, parce que vrai chez toi : ça fonctionne
et sur mon site du profil où j'ai le meme code : ça ne fonctionne pas sur ie
:roll:

Cliquez pour agrandir...

=>

broidsy a dit:

Le problème ne vient pas uniquement de l'URL, mais également du fait que IE ne sait pas lire toutes les favicons mais seulement quelques formats de favicon :roll: (je ne connais pas le détail des caractéristiques reconnu ou non, apparemment ce n'est pas qu'une histoire de taille...).

Cliquez pour agrandir...

non ?

Certainement. :wink:

reglisse · 20 Décembre 2007

drapal faut que je repasse ici

Thierry Bugs · 21 Décembre 2007

Irfanview c'est juste un visualisateur non ?
je fais mes icones tout simplement avec paint (oui oui de sosoft

)

il me semble qu'un format .ico c'est un format .ico
(après que ce soit en 8, 16 ou 32 px et en x couleurs...),
je voudrais bien savoir pourquoi
ça fonctionne chez Saypee et pas sur mes sites :?

je regarde celui de wri (il fonctionne sur firefox et ie)

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/images/favicon.ico" />
<link rel="shortcut icon" type="image/png" href="/images/favicon.png" />

Olivier a visiblement mis deux codes
ce serait une option possible

titiplanti · 21 Décembre 2007

Oui Irfanview est un visualisateur mais permet des conversions rapides de fichiers images.

Vap · 21 Décembre 2007

Pour que le favicon apparaisse dans IE7 il faut que le site soit dans les favoris...

Thierry Bugs · 21 Décembre 2007

Vap a dit:
Pour que le favicon apparaisse dans IE7 il faut que le site soit dans les favoris...

je ne sais pas pour toi,
mais moi je n'ai le site de Saypee dans mes favoris
et sous ie il fonctionne

thierryiv · 21 Décembre 2007

Salut,

Essayes ce code :


<link href="/favicon.ico" rel="shortcut icon"/>

Foctionne avec IE7 et Firefox 2.0

titiplanti · 21 Décembre 2007

thierryiv a dit:

C'est quoi ce code ? C'est moi qui ne connait rien ou c'est un code "maison" ?

dd32 · 21 Décembre 2007

http://msdn2.microsoft.com/en-us/library/ms537512.aspx

titiplanti · 21 Décembre 2007

Bon à savoir. Merci :wink:

Par contre je ne vois pas l'intérêt dans ce cas puisque ces commandes ne exécutées que par IE : "si tu es IE alors lis la commande qui t'es réservée, si tu n'es pas IE lis-la quand même." :roll:

Jeviensderio · 22 Décembre 2007

Avec [if !IE] on aurait une commande qui ne serait lue que sous Firefox, Opera, etc.

Thierry Bugs · 22 Décembre 2007

thierryiv a dit:
Salut,

Essayes ce code :


<link href="/favicon.ico" rel="shortcut icon"/>

Foctionne avec IE7 et Firefox 2.0

merci pour ton aide,
néanmoins ça ne fonctionne toujours pas sous ie
(en plus ça me modifie un peu une div de ma page : bizarre)

saypee
pourrais tu m'envoyer en privé ton favicon, que je lui fasse une autopsie

Thierry Bugs · 25 Décembre 2007

Merci à Saypee pour m'avoir envoyé son favicon.
ne voyant rien de particulier, j'uploade son favicon sur mon site :
ça fonctionne sur firefox et pas sur IE (comme d'hab)

je sens que ça va rester le mystère de 2007 :?

Jeviensderio · 26 Décembre 2007

J'ai eu aussi des favicons qui apparaissaient sur un site et pas sur un autre. Même outil de dessin, même ligne dans la section head.
Cela peut dépendre d'autres facteurs... Doctype? Le cache de Firefox ou de IE? La façon dont on aborde la page la première fois?

Thierry Bugs · 26 Décembre 2007

Maintenant au boulot sous IE 6.0 le favicon de wri ne fonctionne pas.

et chez moi avec IE7 ça marche.

il y a donc aussi une question de version de navigateur

thierryiv · 27 Décembre 2007

Salut

Sur une majorité des sites, le favicon ne fonctionne pas sur IE6.
Vous pouvez aussi faire un test de votre site sur la recherche Voila.fr

J' ai testé sur plusieurs navigateurs et PC avec différents codes, je n' ai pas trouvé un code qui marche pour tous les navigateurs. :cry:

Thierry Bugs · 3 Janvier 2008

Bon ben , en 2008 ça ne fonctionne toujours pas,
après pleins de tests

je laisse donc tomber sans avoir de réponse valable :

la favicon du site de Saypee fonctionne parfaitement sur IE
et j'ignore bien pourquoi, et comment faire
pour qu'elle fonctionne chez moi.

saypee · 4 Janvier 2008

Bonjour Thierry,cela fonctionne à present.Je vois ton favicon sous ie7.

Thierry Bugs · 4 Janvier 2008

saypee a dit:
Bonjour Thierry,cela fonctionne à present.Je vois ton favicon sous ie7.

Ah bon, moi pas (IE6 au boulot) :?

(d'ailleurs, je vérifie, le tien non plus marche pas).

mais c'est vrai que je l'ai refais et updoadé depuis un site qui propose
aussi des favicons animés, ça aurait changé quelque chose...