Faire un favicon: 10 sites pour les créer et mode d’emploi: Maj [xiconeditor.com
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 une dimenssion plutôt petite 16X16 pixel, il faudra dont bien choisir le forme ce cet icone
Tous les blogs ne possèdent pas de favicon et c’est bien dommage car, quand on a une bonne dizaine d’onglets ouverts, on aime bien se repérer grâce au favicon. Voilà 9 sites qui vous offrent la fabrication d’un favicon à partir d’une photo, d’un logo ou carrément une customisation au pixel.
Article remis à jour régulièrement en fonction des nouveautés
xiconeditor.com
De loin le plus complet des sites pour créer un .ico et surtout 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
Le dernier arrivé de la sélection vous 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 format de conversion en PNG pour des dimensions carré 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 sa photo (poids inférieurs à 100 ko) et vous avez après quelques secondes, un fichier en .ico à télécharger.
Favicon-generator.de
Degraeve.com/favicon
Ngin.de/icon-editor
avec cet éditeur, le format de sortie est en .bmp, il faudra convertir le format en .ico avec un convertisseur de données de type zamzar.
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/online-tool/pic-to-icon.php
Plutôt simple d’utilisation, vous pouvez également choisir d’autre format 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/roget.ico” />
Certains thèmes wordpress possède également l’option.
Sur la plateforme blogger, l’option est maintenant disponible de base dans les options.
vous pouvez lire aussi:
- Favicon, encore une belle trace numérique
- Iconverticons pour convertir des photos ou des logos en icone
- 7 sites pour faire de la compression et décompression de fichiers en ligne
- Ngin éditer un icone en ligne
- Water-effect pour faire un peu de vagues sur vos photos
- Deefunia : pour incruster vos photos et faire des montages
- Effet photo pour se faire un lifiting et rajeunir
- Pixiz.com pour faire des photos montages
- 14 sites pour faire des graphes en ligne gratuitement [maj hohli]
- 3 sites pour exploiter les listes de twitter et faire de la veille
Follow @ThierryRoget
Bookmarquer sur Delicious
------------
------------
Commentaires
» Abonnez vous au flux RSS des commentaires de ce billet
Petite 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.