Créer facilement une icône “favoris” pour votre site web
photo credit: lanx1983
Lorsque j’ai mis en place la nouvelle version du site web Logineo, j’ai souhaité créer une nouvelle icône “favoris” pour le site (favicon), qui apparait à côté de la barre d’adresses dans la majorité des navigateurs (ainsi qu’à côté d’un marque-page).
J’ai donc fait un petit dessin sur mon PC et enregistré le tout dans un format image (.png en l’occurence, mais cela aurait pu être .jpg par exemple). Comment créer mon fichier .ico ensuite ?
Rien de plus simple, il suffit de se rendre sur ce site de génération de favicon, chargez/uploadez votre image sur le site, et hop, le site vous génère une jolie archive (.zip) que vous n’avez plus qu’à télécharger et dézipper pour obtenir votre joli fichier .ico.
Pour l’utiliser sur votre site web, les solutions diffèrent suivant la nature de votre site. Par exemple sous ce blog (qui utilise Wordpress), il m’a suffit de modifier le fichier header.php du thème que j’utilise pour modifier l’adresse du “favicon”. Le fichier est ensuite mis à jour sur le site web par FTP, et hop, une jolie petite icône apparait à côté de “http://www.logineo.fr” dans Firefox! Simple, rapide et gratuit, à vous d’essayer ! Connaissez-vous d’autres solutions alternatives?
(No Ratings Yet)
Loading ...
Pour inserer son favicon avec d’autre site que wordpress il y a (au moins) deux solutions :
a) Insérez votre fichier icône dans la racine de votre site (au même niveau que votre index.htm). Vous devrez alors obligatoirement la renommer favicon.ico C’est tout !
Remarque : l’icône favicon.ico doit être dupliquée dans tous les répertoires si vous souhaitez qu’elle puisse apparaitre pour toutes vos pages.
b) Insérez la n’importe où (y compris sur un autre site) et indiquez son chemin dans les metas de votre page d’accueil avec le code suivant (en modifiant bien sûr l’adresse et le nom de l’icône) :
Autres Metas éventuelles
Remarque 1 : il est déconseillé d’utiliser cette méthode si vous n’avez aucune idée de ce qu’est une balise META.
Remarque 2 : dans cette deuxième option, vous pouvez donner le nom que vous voulez à votre icône, avec l’extension .ico ; vous pouvez également choisir une icône différentes pour des pages différentes de votre site.
Merci Adrien pour ces infos détaillées (que je connaissais pas)
N'hésitez pas à partager votre avis!
Les plus vus
Derniers commentaires
Tags
Blogoliste
Me contacter