Avant de commencer :
❓ Que signifie favicon ? favicon est une contraction des mots favori et icône.
💡Comment faire une favicon ? J'explique comment créer une favicon
Versions officielles du favicon Google
Favicon Google actuel
Où trouver le favicon de Google ? La favicon de Google se trouve à la racine du site : https://www.google.com/favicon.ico
Cette image existe en plusieurs tailles. Initialement au format ICO, elle existe aussi au format PNG. Voici ces images à télécharger librement :







Favicon Google en 2012
En 2012, Google adopte un nouveau favicon avec un g minuscule sur fond bleu :



Favicon Google en 2009
Cette version de janvier 2009 était plus colorée mais moins facile à repérer :

Favicon Google en 2008
Google vient de changer sans raison apparente le favicon associé à tous ses sites, produits et services. L'occasion de revenir sur l'intérêt de cette petite image qui représente chaque site (favicon est une contraction des mots favori et icone).
On était bien habitués au G majuscule utilisé par Google pour son favicon, il va falloir se faire au nouveau g minucule, à moins que le test de Google ne soit que temporaire...
L'ancien et le nouveau favicon de Google :

Si vous voyez encore l'ancienne image, c'est sans doute parce que votre navigateur l'a gardée en cache : supprimez les fichiers en cache et vous verrez la nouvelle image.
La favicone est affichée à gauche de l'URL dans la barre d'adresse du navigateur. Ceux qui utilisent un plugin du style Customize Google pour Firefox peuvent aussi afficher la favicon de chaque site devant les résultats Google :

Venez donner votre avis dans le forum sur ce changement de favicon chez Google...
En juin 2008, Marissa Mayer a donné des explications sur le nouveau favicon de Google, qui résulte d'une sélection à partir de centaines de tests... D'autres favicons seront utilisés sur les différents services de Google (par exemple sur Google Mobile) :

Comment créer une favicone ?
Le format favicon
Cette image doit faire 16x16 pixels (ou 32x32) en 8 ou 24 bits/pixel, au format PNG, GIF ou ICO. Une fois que vous avez créé l'image, associez-la à vos pages en ajoutant dans l'entête HTML une ligne de type link rel="icon"
comme le recommande le W3C :
<link rel="icon" type="image/png" href="/chemin/icone.png" />
Utiliser un générateur de favicon
Il existe de très nombreux outils pour générer des favicones, il suffit de tester generateur favicon dans Google.
Vous pouvez utiliser un outil de Google pour convertir une favicon .ico en PNG : il suffit d'aller à l'adresse https://www.google.com/s2/favicons?domain=example.com
(remplacez example.com par le nom de domaine de votre choix)
Laisser un commentaire