Comment est-ce que je mets le logo de mon site Web comme image d’icône dans les tabs de navigateur?

L’image à côté du titre de la page dans l’onglet du navigateur – comment lier une image ici?

Cette image est appelée ” favicon “ et est un petit fichier .ico forme de carré, qui est le type de fichier standard pour les favicons. Vous pouvez également utiliser .png ou .gif , mais vous devez suivre la norme pour une meilleure compatibilité.

Pour en définir un pour votre site Web, vous devez:

  1. Faites une image carrée de votre logo (de préférence 32×32 ou 16×16 pixels, pour autant que je sache qu’il n’y a pas de taille max *), et transformez-le en fichier .ico . Vous pouvez le faire sur Gimp, Photoshop (avec l’aide d’un plugin ) ou sur un site Web tel que Favicon.cc ou RealFaviconGenerator .

  2. Ensuite, vous avez deux façons de le configurer:

    A) Le placer dans le dossier racine / répertoire de votre site Web (à côté de index.html ) avec le nom favicon.ico .

    ou

    B) Liez-le entre les balises de chaque fichier .html de votre site, comme ceci:

        

Si vous voulez voir la favicon de n’importe quel site Web, écrivez simplement www.url.com/favicon.ico et vous la verrez (probablement). La favicon de Stackoverflow est 16×16 pixels et Wikipedia est 32×32.

*: Il y a même un problème de navigateur sans limite de taille de fichier. Vous pouvez facilement planter un navigateur avec un favicon extrêmement grand, plus d’informations ici

Il s’appelle « favicon » et vous devez append le code ci-dessous à la section en- tête de votre site Web.

Ajoutez simplement ceci à la section .

  

Ceci est le favicon et est expliqué dans le lien.

par exemple du W3C

   

De plus, bien sûr, le fichier image à l’endroit approprié.

  

ou vous pouvez utiliser celui-ci

  

Ajoutez un fichier icône nommé “favicon.ico” à la racine de votre site Web.