Favicon

Une favicon est un petit drapeau numérique qui représente votre site web.

Contraction des mots anglais fav pour favoris et icon, il s’agit d’une petite icône qui identifie visuellement un site.

Elle contient généralement dans un carré le logo du site ou une image représentative.

Où visualiser une barre d’icônes

La favicon est affichée dans l’onglet du navigateur et à côté du titre de la page lorsque vous visitez un site web.

Elle sert à identifier facilement un site sur les onglets d’un navigateur ou la barre d’adresse.

  • l’onglet du navigateur
  • la barre d’adresse des navigateurs web
  • les favoris
  • l’historique
  • les signets

Format d’une favicon

Elle est généralement au format .ico, mais peut également être au format .png ou .jpg.

<head>
  <link rel="icon" href="favicon.ico" type="image/x-icon">
</head>

Il est recommandé d’utiliser une favicon d’une taille de 16*16 ou 32*32 pixels.

Vous pouvez également fournir une version de plus haute résolution pour les écrans haute densité en utilisant la balise link avec l’attribut rel="icon" et le type MIME correspondant à l’image de haute résolution.

<head>
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <!-- Pour une favicon PNG -->
  <link rel="icon" href="favicon.png" type="image/png">
  <!-- Pour une favicon JPEG -->
  <link rel="icon" href="favicon.jpg" type="image/jpeg">
</head>

Favicon provisoire 

<head>
  <link rel="icon" href="#" type="image/x-icon">
</head>

Favicon WordPress

La taille recommandée pour une favicon sur WordPress est généralement de 512×512 pixels. WordPress génère automatiquement des versions de différentes tailles à partir de l’icône que vous téléchargez.

WordPress génère plusieurs favicon à la volée :

  • Favicon Apple Touch : 180×180 pixels
  • Favicon générale : 32×32 pixels
  • Favicon Windows : 270×270 pixels
  • Favicon Windows (Microsoft Edge) : 70×70 pixels

Parorama de générateurs de favicon

  1. Favicomatic
  2. Favicon.cc
  3. Faviconer.com
  4. Favicon generator
  5. Favicon Pro
  6. Genfavicon
  7. Real Favicon Generator
  8. Tools Dynamic Drive Faicon Generator
  9. XIcon Editor