Cocktail Web

Actualité des outils Web



Faire un favicon: 10 sites pour les créer et mode d’emploi: Maj [xiconeditor.com

10/12/2010 ( photo ) 11 avis



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.

générateur de favicon

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

fabrication d'icone

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

Favicon-generator.de

exemple de favicon

Degraeve.com/favicon

exemple de 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.

favicon en bmp

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:

  1. Favicon, encore une belle trace numérique
  2. Iconverticons pour convertir des photos ou des logos en icone
  3. 7 sites pour faire de la compression et décompression de fichiers en ligne
  4. Ngin éditer un icone en ligne
  5. Water-effect pour faire un peu de vagues sur vos photos
  6. Deefunia : pour incruster vos photos et faire des montages
  7. Effet photo pour se faire un lifiting et rajeunir
  8. Pixiz.com pour faire des photos montages
  9. 14 sites pour faire des graphes en ligne gratuitement [maj hohli]
  10. 3 sites pour exploiter les listes de twitter et faire de la veille


Delicious Bookmarquer sur Delicious

------------

------------

» Suivez les commentaires de ce billet par RSS

Commentaires

» Abonnez vous au flux RSS des commentaires de ce billet

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.
 

Commentaire de Chasseur immobilier Toulouse |

Excellent, je vais pouvoir remplacer les miens

Commentaire de jerome F. |

Bonne info pour mon blog—-merci ;)

Commentaire de Pantalon blanc |

Allez hop, c’est rajouté dans les favoris, ca peut toujours servir.

Commentaire de Thierry Roget |

il faut le faire, faut pas attendre ;-)

Commentaire de Benoît |

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

Commentaire de Thierry Roget |

merci de ce détail important! je ne savais pas!

Commentaire de 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 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 Nern |

Merci pour cet article, c’est plus simple que d’installer un soft

» Abonnez vous au flux RSS des commentaires de ce billet

Ecrire un commentaire