Faire un favicon: 10 sites pour créer un favicon et mode d’emploi: Maj [Convertico]
Un favicon, c’est une photo “iconisée” avec une extension en .ico que vous trouvez la plupart du temps devant un url. Cette “photo” est d’une dimenssion plutôt petite 16X16 pixel, il faudra dont bien choisir la forme de cet icone. Sur mon blogue il est possible de voir cette photo à gauche de l’url et de l’onglet (firefox) ou à gauche de l’onglet pour chrome.

Tous les sites ne possèdent pas de favicon et c’est bien dommage car, quand on a une bonne dizaine d’onglets ouverts, le favicon à gauche de l’url permet de bien repérer la page. Voilà 10 sites qui vous offrent la fabrication d’un favicon à partir d’une photo, d’un logo ou carrément une customisation au pixel.
Pour fabriquer un bon favicon, il faut surtout choisir une image qui ait une format simple. Sinon, le résultat est plutôt un pâté de couleur sans vraiment de signification. Dans mon cas, il s’agit de mon avatar, légèrement reconnaissable par la casquette jaune, mais ce n’est pas une réussite!
Convertico.org
Ce nouveau site se veut un peu le couteau suisse de la conversion des fichier en .ico, mais il ne marchait pas très bien lors de l’essai. On se contentera donc de la conversion proposé en “homepage” qui consiste à convertir une image en favicon.

Xiconeditor.com
De loin le plus complet des sites pour créer un .ico et surtout très didactique.

Cursorwiz.com
Avec ce site vous pouvez rapidement créer un fichier .ico de deux tailles et le sauvegarder sur votre pc. Aussi simple que ça.
![]()
Favigen.com
Ce site permet, à partir d’un photo, de créer votre favicon en un coup de clic. Il explique sur la droite comment utiliser ce favicon sur un site internet.
![]()
Iconverticons.com
Ce site vous offre plusieurs formats de conversion en PNG pour des dimensions carrées mais il offre également du format en .ico 16×16 et 32×32
![]()
Dagondesign.com
Pour les gens pressés, avec dagondisign il suffit de charger la photo (poids inférieur à 100 ko) et vous avez après quelques secondes, un fichier en .ico à télécharger.
![]()
Favicon-generator.de
On entre maintenant de la personnalisation pixel par pixel du favicon. C’est plutôt utile quand on veut arriver à un résultat plus fin.
Degraeve.com/favicon
De la même façon que le précédent, c’est la personnalisation au pixel qui apporte une belle plus value au résultat.
editpattern.com

Ce site ne vas pas vous créer directement un fichier en .ico, mais il s’agit d’un éditeur de pattern qui vous permet de sauvegarder l’image en format png. Libre à vous ensuite de transformer ce png en .ico
Prodraw.net
ic-to-icon
Plutôt simple d’utilisation, vous pouvez également choisir d’autres formats que l’extension .ico sur ce service.
![]()
_______________________
Une fois que vous avez enregistré votre ficher *.ico sur votre disque dur, il vous faudra faire un ftp pour télécharger votre favicon chez votre hébergeur à la racine du blog (par exemple), il faudra ensuite insérer la ligne de code suivante dans le header de votre blog.
<Link rel=”SHORTCUT ICON” HREF=”http://votresite.fr/fichier.ico” />
ma ligne de code est par exemple:
<Link rel=”SHORTCUT ICON” HREF=”http://roget.biz/2012.ico” />
Certains thèmes wordpress possèdebnt également l’option d’insertion du favicon
Sur la plateforme blogger, l’option est maintenant disponible de base dans les options.

avant dernière mise à jour : Dec 10, 2010 @ 2:00
vous pouvez lire aussi:
- Favicon, encore une belle trace numérique
- Créer des matrices de pixel jusqu’à 50×50 avec Editpattern.com
- 12 sites pour faire des caricatures en ligne et Rectifiages de portraits
- 27 sites pour faire du photo montage et autres effets
- 7 sites pour faire de la compression et décompression de fichiers en ligne
- 100 Sites pour faire de la retouche photo et des effets en tous genres
- 55 sites pour créer son avatar en ligne
- Iconverticons pour convertir des photos ou des logos en icone
- Filebrid : pour envoyer votre fichier sur plusieurs sites de partage en un clic
- Cinq sites pour faire des nuages de mots
Follow @ThierryRoget
------------
------------
Commentaires
» Abonnez vous au flux RSS des commentaires de ce billetPetite remarque : la plupart des navigateurs vont chercher tout seul l’icône (même si le code de la page ne le demande pas).
L’intérêt d’avoir une balise link de type , c’est qu’on peut avoir des balises différentes selon les pages du site. En ce qui me concerne, j’ai plusieurs “sites” sur le même serveur avec des présentations, des sujets et des favicones différents.
En fait, on peut mettre n’importe quel format d’image (ou de vidéo type mpeg mais on entend pas le son !) avec les navigateurs modernes.
bonne journée
Benoît
Bonsoir Thierry,
le out de code html que j’avais inclus n’est pas passé à l’affichage. Désolé. C’était pour indiquer qu’on peut changer le chemin de l’icône selon les pages.
Commentaire de Cocktail Web » Mise à jour des billets du mois de septembre 2010 |
[...] [...]
Commentaire de ngin.de éditer un icone en ligne |
[...] un icone de taille plutôt restreinte c’est à dire 16X16 pixel, donc utile pour faire des favicons voir des [...]










Commentaire de Thomas |
Moi j’ai fais le mien avec PhotoShop, en prenant un petit carré zoomé à 1600% puis j’ai écrit les initiales (BM pour Blog-Marrant) dessus.