128 lecture(s)
Translate this post
Une Favicon est le diminutif de « icône de favoris », c’est à dire une petite icône qui correspond au site affiché, et qui se situe à gauche de l’URL dans la plupart des navigateurs. Nous allons voir comment insérer celle-ci sur son site, grace à un petit logiciel on-line nommé GenFAvicon.
1-Uploader votre image
Il faut commencer par selectionner une image soit présente sur internet, ou soit sur son ordinateur. Les formats d’images qui sont suppotés sont les Gif, Jpeg et Png, les autres formats ne sont pas pris en compte.
2-Ajuster son image
Une fois l’image uploader, il faut maintenant, choisir quelle partie de celle-ci vous allez selectionner comme Favicon (il est possible de choisir l’image entière). Puis dans la liste déroulante, faire un choix pour la taille finale.
3-Valider et enregistrer
Maintenant que votre icône est créée, il faut cliquer sur Download Favicon, et une nouvelle page s’ouvre avec votre belle icône au milieu, il vous suffit alors de cliquer droit sur celle-ci et de faire enregistrer l’image. Choisissez favicon.ico comme nom d’image.
4-Insérer la favicon
Il suffit ensuite d’insérer ceci dans le head:
<head> <link rel="shortcut icon" href="/favicon.ico" /> </head>
Voili voilou, le tour est joué, pour le voir apparaître sur certains navigateurs, il faudra vider le cache, et pour d’autre il faudra juste faire un petit F5.
L'auteur de l'article
 |
John's Graphisme, Directeur Artistique, Webdesigner et Graphiste Freelance. Vous pouvez voir mes travaux sur mon portfolio, ou me suivre sur mon Twitter. |
Autres articles à lire absolument (si tu veux)
- + [UTILE] Comment retrouver les composantes colorimétrique d’une image
2 - + [TUTO] Réaliser un effet transparency sur un Mouseover 0
- + [UTILE] Comment r̩aliser un tuto Рscreencast sans logiciel ? 1
- + [UTILE] Prise en compte de CSS3 et HTML5 par nos navigateurs 4
- + Réaliser gratuitement son propre template/CSS gratuit on-line 6
- + [CSS] Comment créer un effet bubble Mac sur un icône 1
- + [Php] Formulaire de contact avec protection – captcha 3
- + [RESSOURCES] 10 sites d’inspiration pour les graphistes 10
4 février 2009 à 18:24
oui c’est comme Ca, je délire toujours beaucoup, en fait j’ai mis longtemps à trouver un truc qui me plaisait, une ligne édito (comme on dit) qui me plaise et là je nage dans le bonheur, qui plus est, j’espére me démarquer des autres sites humoristiques en présentant de beaux sites flash(je suis fou de graphisme mais je n’y connais rien) et tout ceci me rappelle aprés avoir lu ton tuto favicon (bien expliqué) que je dois encore te mettre dans mes liens
merci du compliment en tout cas