Le favicon est l'image graphique qui s'affiche avec le titre de la page Web. En dehors du titre, il est également désactivé dans l'histoire, dans les signets, onglet Browsers. Par conséquent, le favicon peut également être appelé l'icône de l'icône du site Web, Bookmark. Le favicon est généralement créé dans .Format de fichier ICO qui est pris en charge par tous les navigateurs célèbres. Cependant, plusieurs navigateurs ont tendance à soutenir .SVG, .PNG, .gif et .Format PNG pour Favicon.

Gardant à la vue de l'importance du favicon, cet article fournit le résultat d'apprentissage suivant:

- le but du favicon

- Ajouter un favicon à votre page Web

Propriétés d'un favicon

Comme indiqué précédemment, le Favicon est utilisé pour ajouter une icône graphique avec votre nom de titre. Le favicon dépend des propriétés suivantes:

Format d'image: Le format d'image est l'ingrédient clé pour faire le favicon. Les formats pris en charge sont, .ICO, .SVG, .PNG, .jpg, et .gif. La plupart des navigateurs bien connus tels que Chrome, Firefox, Opera, Microsoft Edge et Safari prennent en charge tous ces formats. Cependant, les dernières versions d'Internet Explorer prennent en charge ces formats.

Taille de l'image: La taille de l'icône varie d'un but à un but. Certaines des tailles les plus utilisées sont indiquées ci-dessous:

- 16 × 16 (pixels) est recommandé pour l'icône du navigateur

- 32 × 32 (pixels) pour l'icône de raccourci

- 96 × 96 (pixels) pour l'icône de raccourci de bureau

Comment ajouter le favicon à une page Web

Le favicon peut être ajouté à la page HTML en utilisant la balise prise en charge par le HTML. Pour une meilleure compréhension, nous avons fourni une procédure étape par étape pour ajouter un favicon à votre page Web.

Avant de vous lancer dans les étapes, assurez-vous d'avoir placé l'image Favicon dans le répertoire racine de votre page Web. De plus, il est également recommandé d'utiliser la taille correcte selon l'utilisation du favicon.

Étape 1: Ouvrez le code HTML de votre page Web et accédez à la balise

Étape 2: Ajouter la balise à l'intérieur de la balise avec le href propriété dirigeant vers l'emplacement de votre favicon. Le code HTML fourni ci-dessous fait référence à l'utilisation de la balise pour ajouter un favicon:

Bienvenue à Linuxhint

L'image du code est affichée ici:

Étape 3: Une fois la balise placée avec succès, enregistrez le code et rechargez votre page Web. Au fur et à mesure que la page est rechargée, l'icône serait placée avec le nom du titre comme on peut le voir dans l'image ci-dessous:

Voici!

En suivant les trois étapes mentionnées ci-dessus, vous auriez appris à ajouter le Favicon à votre page Web

Conclusion

Le favicon est l'image graphique affichée avec le titre de la page Web. Plusieurs autres emplacements permettent également à la favicon d'être affichée avec le titre de la page. Par exemple, vous trouverez le favicon dans les signets, l'histoire, où le titre de la page est affiché. Cet article fournit les étapes essentielles pour ajouter un favicon à votre page Web. De plus, les propriétés contenues par Favicon sont également décrites,