Création du favicone

Publié le vendredi  26 mars 2010
Mis a jour le vendredi  26 août 2011
par  Steph
popularité : 30%

Avez-vous remarqué que dans votre navigateur internet, à droite de votre barre d’adresse, apparaît l’icône de votre site ?

Si vous voulez la personnaliser, suivez la méthode ci-dessous.

Préalables   

Lire l’article Le répertoire squelettes/ pour vos personnalisations.

Tout d’abord, sachez que contrairement à ce que je pensais, si vous vous contentez de renommer une image jpg, gif ou png en .ico, votre favicone sera visible sous Firefox mais pas avec les autres navigateurs internet.

Il ne s’agit donc pas de seulement changer l’extension du fichier, mais de le convertir, c’est-à-dire de le "recoder".

Pour ce faire, je vous propose d’installer un logiciel gratuit et en français : IcoFX.

Il permet de créer et manipuler des fichiers .ico et de convertir des images .png, .gif, .jpg en icônes. A l’ouverture d’une image, il permet de choisir la taille nécessaire, ici 32x32, et va jusqu’au 256x256 pour les icônes HD. Il peut travailler par lots, il gère la transparence, propose des filtres, des réglages avancés sur les couleurs, les ombres, les dégradés, la luminosité et le contraste.

Vous pouvez le télécharger sur le site de l’éditeur Ico FX. Vous trouverez toutes les explications pour l’installer, le mettre en français et les bases de son utilisation sur PCastuces.

Mode d’emploi pour une simple conversion  

- Dans votre logiciel graphique favori, créez une image de 32x 32 px en 72 pp
- Enregistrez-la dans un format png, gif ou jpg
- Ouvrez IcoFX
- Fichier/Importer image/choisir votre fichier image/Ouvrir PNG - 9.9 ko
- Dans "Couleurs" choisissez "256 couleurs" ou, si une partie de l’image est transparente "True Color + Alpha"
- Dans "Taille", choisissez "32x32"
- Cliquez sur OK
- L’image s’ouvre
- Fichier/Enregistrez sous : favicon.ico

JPEG - 3.5 ko
favicon.ico agrandi

- Dans votre FTP, glissez le fichier favicon.ico de votre ordinateur (site local) à votre site distant.

- Mettez ce fichier dans public_html/squelettes/images.

PNG - 8.3 ko
favicon.ico agrandi du site Photos-Synthèse.com

Photos-Synthèse.com


Note : Dans Internet Explorer, Safari ou Firefox, les favicônes s’affichent au début de la barre d’adresse et de chaque onglet.

PNG - 24.1 ko

Un internaute me signale que sous Explorer 8 (compatible Windows XP), les favicones n’apparaissent pas.

Dans Chrome, elles apparaissent seulement dans les onglets au-dessus du champ d’adresse.

PNG - 13.2 ko


Agenda

<<

2013

>>

<<

Mai

>>

Aujourd'hui

LuMaMeJeVeSaDi
293012345
6789101112
13141516171819
20212223242526
272829303112
Aucun évènement à venir les 12 prochains mois

Annonces

Annonce nouvelle mise à jour de SPIP

Après la 2.1.8, puis la 2.1.9, une nouvelle mise à jour de sécurité est préconisée par SPIP.

La nouvelle version est la 2.1.10. A installer d’urgence !

Nous indiquons sur notre site comment "Effectuer une mise à jour de spip" : vous pouvez suivre le tuto, il marche !


Brèves

30 mars 2011 - nouvelle mise à jour de sécurité de SPIP

Après la 2.1.8, une nouvelle mise à jour de sécurité est préconisée par SPIP. La nouvelle version (...)