Favicon

Une favicon est une petite icône qui 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.

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