Stay tuned
recent comments
Créer un favicon pour votre site internet avec GIMP et NETPBM
Posted by M. declercq on Jul. 11 2006, page edited by M. declercq on Apr. 18 2007, (popular)
Cette astuce explique comment créer rapidement un favicon pour un site internet. Un favicon est un petit icône qui apparaît devant l'adresse d'un site internet lorqu'un qu'im est visité.
Avant Propos
Cette astuce a été rédigée pour Ubuntu breesy Badger et Dapper Drake Toutefois, elle peut être suivie sur d'autres distributions avec quelques adaptations.
Prérequis
L'application de retouche d'images GIMP ainsi que l'outil de conversion graphique netpbm doivent être installés sur votre système.
Ps : Pour installer l'outil de conversion graphique netpbm, il vous suffit de taper la commande suivante dans un terminal :
sudo apt-get install netpbm
I. Création du favicon
Pour créer votre favicon, il faut que vous procédiez comme suite :
a. Ouvrir une image au format png, gif.... avec l'application GIMP ;
b. Redimensionner le canevas de l'image de sorte qu'il soit de 16x16 pixels (Menu Image --> Taille du canevas) ;
c. Redimensionner l'image de sorte qu'elle soit de 16x16 pixel (menu image --> Echelle et taille de l'image).
Facultatif : Avant de procéder à l'étape b et c, vous pouvez découper votre image pour garder ce qui vous interresse ( Selectionner l'outil de découpage en appuyant simultanément sur les touches shift et c).
II. Sauvegarde de l'image au format PPM
Une fois que vous avez retouché et redimmensionné votre image, il faut que vous l'enregistriez au format PPM.
Pour ce faire, il suffit que vous cliquiez sur fichier --> enregistrer sous et que vous selectionniez l'extension PPM via l'option Selectionner le type de fichier (selon l'extension)
III. Conversion de l'image au format ICO
Pour que votre favicon soit utilisable, il faut qu'il soit converti au format ICO
Pour ce faire, il vous suffit de suivre les étapes suivantes :
a. On se connecte en tant qu'utilisateur ROOT :
sudo -sb. On se rend dans le répertoire où est située l'image :
cd /répertoire_ou_se_trouve_l'image/Ps : /répertoire_ou_se_trouve_l'image/ est à remplaçer par le chemin du répertoire ou se situe votre image au format PPM
c. On lance la commande de conversion de l'image :
ppmtowinicon -output le_nom_de_votre_image.ico favicon.ppmNormalement, si tout c'est bien passé, une nouvelle image au format ICO devrait apparaître dans le répertoire ou se situe votre image d'origine.
Ps : le_nom_de_votre_image est à remplaçer par le nom de votre image au format PPM.
IV. Mise en place sur un site internet
Pour mettre le favicon en place sur votre site internet, vous devez rajouter le code suivant entre la balise d'ouverture <head> et la balise de fermeture </head> de vos pages html et/ou PHP :
a. Si vos pages sont définies avec l'extension HTML ou HTM :
<link rel="shortcut icon"
href="/chemin_relatif_du_répertoir_ou_se_situe_votre
_favicon/nom_de_votre_favicon.ico" type="image/x-icon" />
<link rel="icon" href="/chemin_relatif_du_répertoir_ou_se_situe_votre
_favicon/nom_de_votre_favicon.ico" type="image/x-icon"
echo "\t".'<link rel="shortcut icon"
href="/chemin_relatif_du_répertoir_ou_se_situe_votre
_favicon/nom_de_votre_favicon.ico" type="image/x-icon" />'."\n";
echo "\t".'<link rel="icon"
href="/chemin_relatif_du_répertoire_ou_se_situe_votre
_favicon/nom_de_votre_favicon.ico" type="image/x-icon" />'."\n";
Une fois ceci effectué, vous devrez peut-être vider le cache de votre navigateur Internet pour voir le rendu final de votre travail...
PRECISIONS :
Cette astuce a été suivie avec succès sur un système disposant d'Ubuntu Dapper Drake en mode graphique. En ce qui concerne les autres distributions (Gentoo, Suze, Mandrake...), il se peut que la procédure d'installation de l'outil de conversion graphique netpbm soit différente.
Par M. Laurent DECLERCQ
V.1.0 build 11072006.1554
Trackback
Iuchiban on Jul. 19 2006Juste pour dire que GIMP permet d'enregistrer directement au format .ico. Je pense pas avoir installé quoi que ce soit pour GIMP (install de base Ubuntu 6.06).
Bonne journée.
M. declercq on Aug. 13 2006Iuchiban :
Effectivement, vous avez raison.
______________________________
Bien cordialement ;
L'équipe du portail Nuxwin
2 comments · 
Add a comment
