Le favicon (favorite icons) est la petite image reprise par les navigateurs dans les onglets de navigation et/ou les barres d'adresse et permet de personnaliser votre site en lui associant un élément d'identification. Sa dimension est de 16*16 ou 32*32 pixels.
1- Un outils générateur de favicon : favicon.cc
Cet outil va vous aider à générer en toute simplicité de jolis favicons pour égayer vos barres d'adresses. Il vous permet de dessiner votre propre favicon ou de le générer directement en important une image. Une fois votre icone finalisé, l'outil vous génère une image au bon format, en .ico qu'il ne vous restera plus qu'à télécharger et placer sur votre site. Vous pourrez même réaliser un favicon animé avec cet outil...
2- Mettre un favicon sur son site
Pour inserer un favicon sur votre site, il suffit de mettre dans l'en-tête de votre page (entre les balises <head></head>) le code suivant :
Si votre favicon est en .ico :
<link rel="shortcut icon" href="adresse_du_favicon.ico" type="image/x-icon"/>
et/ou
<link rel="icon" href="adresse_du_favicon.ico" type="image/x-icon"/>
Si votre favicon est en .gif :
<link rel="shortcut icon" href="adresse_du_favicon.gif" type="image/gif"/>
et/ou
<link rel="icon" href="adresse_du_favicon.gif" type="image/gif"/>
Si votre favicon est en .png :
<link rel="shortcut icon" href="adresse_du_favicon.png" type="image/png"/>
et/ou
<link rel="icon" href="adresse_du_favicon.png" type="image/png"/>
Si votre favicon est en .jpg:
<link rel="shortcut icon" href="adresse_du_favicon.jpg" type="image/jpg"/>
et/ou
<link rel="icon" href="adresse_du_favicon.jpg" type="image/jpg"/>
Dans un prochain article : comment mettre un favicon sur son Blogger
PDF
Tres interessant, merci d'avoir partage le site de la creation de favicon!
RépondreSupprimer