[Tuto] Comment créer une favicon ? | Le Blog John's Graphisme, freelance sur Paris

[Tuto] Comment créer une favicon ?



6 lecture(s)

// 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.






















Un commentaire

  1. 1 etnikNo Gravatar dit :

    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

Un trackback

  1. Genfavicon — Générateur de favicon