Créer un favicon sous Gimp

The Gimp :Créer un favicon sous Gimp

Un Favicon est un petit icone qui apparait dans la barre d’adresse du navigateur, à côté de l’adresse URL d’un site internet.

Ils apparaissent aussi dans les favoris, dans les onglets des navigateurs ainsi qu’en icone de raccourci sur le bureau. Les favison sont petits et quand je dis petit c’est très petit : 16 pixels par 16 pixels.

La seule chose dont vous avez besoin pour ajouter un favicon à votre site est … un favicon format windows (.ico) qui souvent se nomme favicon.ico. Il s’agit simplement de l’uploader sur votre FTP, à la racine. De nos jours, la plupart des navigateurs supportent le format .ico.

Voici donc comment en créer un rapidement sous Gimp.

Créer une image carrée

Commencer par créer une image de forme carrée disons de 250 pixels par 250 pixels. Il sera toujours temps de la redimensionner plus tard.
Créer un favicon sous Gimp

Nous allons changer la couleurs de fond de l’image. Ouvrez pour ce faire la palette de couleurs, choisissez une couleurs assez sombre et remplissez le calque d’arrière plan avec cette couleurs.

Créer un favicon sous Gimp

Créons notre symbole

Sachant qu’au final l’image fera 16 pixels par 16 pixels, n’hésitez pas à utiliser un symbole ou une police de grande taille.

Créer un favicon sous Gimp

Redimensionner la police

Ouvrez les options de l’outil police et augmentez la taille de la police ainsi que sa forme pour obtenir un résultat honorable :

Créer un favicon sous Gimp
Créer un favicon sous Gimp

Réduisez l’image

Pour que le favicon soit accepté par les navigateurs, il faut lui donner une taille adéquate. Redimensionnez votre image originale en 16px par 16px :
Créer un favicon sous Gimp

Enregistrons notre favicon

Pas besoin d’aller chercher bien loin : le menu d’enregistrement de Gimp propose un format Windows Icon (alors que Photoshop ne le propose que via un plugin …. :)). Choisissez de ce fait le format .ico (windows icon).

Nommez le fichier favicon.ico.

Créer un favicon sous Gimp
Créer un favicon sous Gimp

Laissez les options de compression par défaut et finalisez l’enregistrement.
Votre favicon est créé !

Vous souhaitez diffuser ce didacticiel ?

Ce didacticiel est sous licence Creativ Commons
Vous êtes libres de reproduire, distribuer et communiquer cette création au public, de modifier et d’utiliser cette création à des fins commerciales en citant le nom de l’auteur original (kloobik.org).

Si vous modifiez, transformez ou adaptez cette création, vous n’avez le droit de distribuer la création qui en résulte que sous un contrat identique à celui-ci. Pour toute question concernant la diffusion de ce didacticiel : info@kloobik.com


Informations sur cet article