Tutoriel Joomla! - Favicon pour Joomla

Un FAVICON est une icône informatique, une image symbolisant votre site web. Il respecte votre charte graphique, votre identité visuelle et permet au même titre que votre logo de reconnaitre votre site internet.

Je vous propose de vous aider à créer et à mettre en place un favicon pour votre site Joomla. 

Un favicon, qu'est ce c'est ?

Un FAVICON, c'est la petite image de 16 x 16 pixels qui accompagne votre URL, en apparaissant dans la barre d'adresse de votre navigateur. Il apparaît également lorsque vous enregistrez un favori dans votre navigateur. Sans être standardisé, ce concept a été adopté par l'ensemble des navigateurs graphiques. 


favicon

 Le blog ou le site est ainsi identifié par votre FAVICON. 

Quels outils permettent de créer un favicon ?

Il faut tout d'abord créer une image (JPG ou PNG) dans un logiciel comme gimp, photoshop ou paint ... Une fois l'image terminée, vous pouvez trouver en ligne quelques sites qui vous permettront de convertir votre fichier image (JPG ou PNG) en un FAVICON.
Je vous en propose une petite selection : 

http://www.favicon-generator.org/
http://www.favicon.co.uk/
http://www.favicon.cc/ 
http://www.wikistuce.info/doku.php/favicon

En quelques secondes vous créez votre propre FAVICON aux bonnes dimensions 16 x 16 pixels pour renforcer l'image de votre Blog, de votre boutique ou votre site web !

Créer un favicon étape par étape :

1. Définisser les couleurs que vous utiliserez lors de la création de votre image : En général celles-ci sont définies par la charte graphique.

2. Créer votre image dans votre logiciel préféré : paint, gimp, photoshop.. en lui donnant les couleurs définies par votre identité visuelle. Votre image doit avoir un format carré de préférence. La taille de l'image importe peu, mais elle ne doit pas être gigantesque!

3. Convertissez votre image en favicon : Vous allez dans cette étape, vous rendre sur un générateur de FAVICON en ligne (pas besoin d'installer un logiciel) sur lequel vous uploaderez votre image à convertir. Puis une fois la convertion effectuée par le générateur, vous n'aurez plus qu'à télécharger votre FAVICON sur votre ordinateur.

Rendez-vous sur le site : http://www.favicon.cc/

favicon2
A gauche, cliquer sur le bouton : IMPORT IMAGE
Puis : CHOISISSEZ UN FICHIER
Selectionner l'image que vous avez créée

Il supporte les formats :  jpg, jpeg, gif, png, bmp
Poids maximum des images importées : 5 MB

Selectionnez  : KEEP DIMENSIONS
Puis UPLOAD

Vous pouvez prévisualiser le FAVICON en dessous dans PREVIEW
Et enfin DOWNLOAD FAVICON
Vous venez de télécharger un fichier : favicon.ico

4. Installer votre favicon pour le rendre visible : Il suffit à présent de transférer le FAVICON à la racine de votre site Joomla. En utilisant le client FTP Filezilla. Il faut simplement faire glisse le FAVICON à la racine du site.

A présent votre FAVICON apparait à côté de votre URL dans le navigateur.