Favicon Google : les images en PNG et ICO

Voici la version officielle de la favicon de Google, l'icone utilisée par les navigateurs pour illustrer les pages que l'on met en favoris, ou sur les onglets. Ainsi que les anciennes versions.

Article mis à jour le

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 :

version .ico
favicon Google 16x16 (version 2015)
16x16
favicon Google 24x24 (version 2015)
24x24
favicon Google 32x32 (version 2015)
32x32
favicon Google 48x48 (version 2015)
48x48
favicon Google 64x64 (version 2015)
64x64
favicon Google 96x96 (version 2015)
96x96
favicon Google 128x128 (version 2015)
128x128

Favicon Google en 2012

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

favicon google 2012-08 32x32
32x32 pixels, format ICO
favicon google 2012-08 32x32
32x32 pixels, format PNG
favicon google 2012-08 48x48
48x48 pixels, format PNG
favicon google 2012-08 128x128
128x128 pixels, format PNG

Favicon Google en 2009

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

favicon google 2009-01 32x32
32x32 pixels, format PNG

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 :

Favicon 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 :

Affichage du favicon dans Firefox

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) :

Différents favicons

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)

Cet article vous a-t-il plu ?

Note : 5.0 (1 vote)
Cliquez pour voter !

Laisser un commentaire

Remarques :

  • Si vous souhaitez poser une question ou détailler un problème technique, il ne faut pas utiliser le formulaire ci-dessous qui est réservé aux avis. Posez votre question directement dans le forum Gmail de WebRankInfo. L'inscription est gratuite et immédiate.

  • En postant un avis, vous acceptez les CGU du site WebRankInfo. Si votre avis ne respecte pas ces règles, il pourra être refusé. Si vous indiquez votre adresse email, vous serez informé dès que votre avis aura été validé (ou refusé...) ; votre adresse ne sera pas utilisée pour vous envoyer des mailings et ne sera pas revendue ou cédée à des tiers.