Favicon : Exporter .ico depuis photoshop

ccciolll · 9 Juillet 2007

Ahurissant !!! J'ai fait une recherche sur macgé et n'ai trouyvé aucun sujet qui en parle !
Suis-je le seul au monde à ne pas savoir faire des favicon ou est-ce que les gens s'amusent à mettre des titres de fil qui sont inutiles lors d'une recherche postérieure ? Bref quoiqu'il en soit, me voici contraint à poster à nouveau.

Donc

Bonjour !

Voilà, je cherche à faire des favicon pour certains sites.

J'ai lu ici qu'il fallait partir sur un fichier de 32*32 ou 16*16 px. ça je sais pfaire, pas de pb.
ça doit être en 256 couleurs, ça je sais faire, et même moins, avec un ptit coup de Pomme-Shift-Alt-S c'est simplissime d'exporter dans des formats web depuis photoshop.

Je sais aussi que je devrais ensuite coller ça à la racine du site et éventuellement coller le code suivant

Bloc de code:

<LINK REL="SHORTCUT ICON" href="favicon.ico">

dans la partie <HEAD> de toutes mes pages html (question au passage : c'est obligatoire de coller un code dans le <HEAD> ?)

La seule chose qui me bloque, c'est que je ne sais pas comment exporter en .ico depuis photoshop (7 en l'occurence). Existe-t'il un plugin ? Tout ce que je trouve, c'est pour PC.

Ou alors faut il passer par un autre logiciel, lequel et comment ? Version tracker ne m'a été d'aucune aide non plus.

Benjamin D.C. · 9 Juillet 2007

Tu sais qu'il n'y a pas que MacGé dans la vie? Non parce que Google ça marche pas mal non plus, tu devrais essayer un d'ces quatre...

Sinon, on arrête de faire salement les choses et on respecte les standards: une simple en image png fera l'affaire, et le code qui va bien avec:

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

p4bl0 · 9 Juillet 2007

Ben je venais pour dire exactement là même chose.

Presque n'importe quel type d'image peut être utilisé en favicon.

favicon.ico c'est pour IE, et c'est pas obligatoire hein... :siffle:

OlivierL · 9 Juillet 2007

Vous faîtes pas ch....
http://www.html-kit.com/favicon/
:siffle:

ccciolll · 10 Juillet 2007

dcz_ a dit:
Tu sais qu'il n'y a pas que MacGé dans la vie? Non parce que Google ça marche pas mal non plus, tu devrais essayer un d'ces quatre...

Oui eh ben j'ai essayé Google et même version tracker. Et seul résultat probant que j'ai trouvé c'est justement le site que j'ai mis en lien, qui est spécifiquement PC. Le problème quand on recherche sur Google c'est qu'on a essentiellement des réponses PC et si on ajoute mac ou os x dans les mots de recherche, on tombe sur des trucs n'ayant rien à voir.
Il n'y a pas que macgé dans la vie, mais pour les questions concernant le mac, c'est tout de même l'un des meilleurs endroits où chercher.

dcz_ a dit:
Sinon, on arrête de faire salement les choses et on respecte les standards: une simple en image png fera l'affaire, et le code qui va bien avec:

Je suis d'accord avec toi pour faire les choses proprement, mais quand j'ai fait une recherche sur Favicon, j'ai lu qu'il fallait absolument du .ico (voilà un exemple criant de pourquoi les recherches avec Google sont trompeuses) donc je l'ai pris pour argent comptant. Maintenant si tu me dis qu'un autre format, png par exemple, ou même gif (ça m'arrangerait car ça je maîtrise un peu), conviendrait, je n'en suis que plus content.

p4bl0 a dit:
Ben je venais pour dire exactement là même chose.

Presque n'importe quel type d'image peut être utilisé en favicon.

favicon.ico c'est pour IE, et c'est pas obligatoire hein... :siffle:

Et si mes favicons ne s'affichent pas sur IE, je te dirai, tant pis pour les IE users !!!

OlivierL a dit:
Vous faîtes pas ch....
http://www.html-kit.com/favicon/
:siffle:

intéressant en effet. mais ils m'ont convaincu de ne pas utiliser un fichier ico… J'hésite encore une journée le temps que fasse rage une bataille où partisans du ico et partisans du png s'étriperont virtuellement…

Benjamin D.C. · 10 Juillet 2007

ccciolll a dit:
si tu me dis qu'un autre format, png par exemple, ou même gif (ça m'arrangerait car ça je maîtrise un peu), conviendrait, je n'en suis que plus content.

Sans problème, il te suffit d'exporter ton image en gif et d'adapter le code de cette manière:

Bloc de code:

<link type="image/gif" href="img/favicon.gif" rel="icon" />

ccciolll · 10 Juillet 2007

dcz_ a dit:
Sans problème, il te suffit d'exporter ton image en gif et d'adapter le code de cette manière:

Bloc de code:

<link type="image/gif" href="img/favicon.gif" rel="icon" />

Ok, d'après ton code, je dois mettre le fichier dans un dossier img
Or j'ai lu aussi qu'il fallait le placer à la racine. Encore des foutaises ?

Anonyme · 10 Juillet 2007

ccciolll a dit:
Ok, d'après ton code, je dois mettre le fichier dans un dossier img
Or j'ai lu aussi qu'il fallait le placer à la racine. Encore des foutaises ?

Tu le mets où tu veux, l'important c'est de donner le bon chemin.

JackSim · 18 Juillet 2007

Il y a un plug-in gratuit pour Photoshop Mac et PC (y compris la dernière CS3) par ici. Il te permet de faire un .ico qui soit compatible avec IE, même si les navigateurs modernes acceptent du GIF ou du PNG sans problème. On peut aussi s'amuser à passer l'image en couleurs indexées avant l'enregistrement du fichier pour maximiser la fidélité des couleurs.

Et pour la question de la localisation du fichier favicon.ico, en effet on peut le mettre où on veut et donner le chemin dans le HEAD, mais il faut savoir que certains programmes essaient automatiquement de trouver un fichier favicon.ico à la racine des sites. Le mettre à cet endroit permet à ces programmes de le trouver et en bonus ça t'évite de voir des 404 pour ce fichier dans tes logs.

ccciolll · 18 Juillet 2007

JackSim a dit:
Il y a un plug-in gratuit pour Photoshop Mac et PC (y compris la dernière CS3) par ici. Il te permet de faire un .ico qui soit compatible avec IE, même si les navigateurs modernes acceptent du GIF ou du PNG sans problème. On peut aussi s'amuser à passer l'image en couleurs indexées avant l'enregistrement du fichier pour maximiser la fidélité des couleurs.

parfait, ça vient se coller dans la liste des formats de enregistrer sous de photoshop 7.
Une nouveauté valable sous des vieux logiciels (et même pour les 68k apparemment) ça mérite d'être souligné.

JackSim a dit:
Et pour la question de la localisation du fichier favicon.ico, en effet on peut le mettre où on veut et donner le chemin dans le HEAD, mais il faut savoir que certains programmes essaient automatiquement de trouver un fichier favicon.ico à la racine des sites. Le mettre à cet endroit permet à ces programmes de le trouver et en bonus ça t'évite de voir des 404 pour ce fichier dans tes logs.

Fort bien ! merci pour toutes ces informations.
Il y avait bien une raison à mettre ça en racine, donc. Cela dit, ce n'est pas toujours possible. SUr metawiki il me semble que je ne peux uploader que vers /IMG par exemple.

Favicon : Exporter .ico depuis photoshop

ccciolll

Membre expert

Benjamin D.C.

Membre expert

p4bl0

Membre expert

OlivierL

Membre actif

ccciolll

Membre expert

Benjamin D.C.

Membre expert

ccciolll

Membre expert

Anonyme

Invité

JackSim

Membre expert

ccciolll

Membre expert

Sujets similaires