Comment ajouter Favicon dans HTML

Favicon est le logo qui apparaît devant le titre de votre site Web sur votre onglet de navigateur. Vous pouvez utiliser n'importe quelle image comme votre site Web favori que vous aimez. Il est utilisé pour faire de votre Site Web attrayant Plutôt que d'afficher une icône de document vierge sur la fenêtre du navigateur. L'ajout d'un favicon aide également à identité ton site Internet entre le nombre d'onglets qui s'ouvrent dans une seule fenêtre de navigateur.

Tout type d'image peut être utilisé en tant que Favicon ou vous pouvez créer votre Favicon en utilisant différents outils de fabricant de logo disponibles, puis l'ajouter avec le titre de votre site Web dans l'étiquette de tête de HTML. De plus, tout en utilisant une image comme favicon, vous devez garder à l'esprit qu'une petite image fonctionne souvent mieux.

Dans ce guide, nous discuterons brièvement de ajouter un favicon dans Html. Alors, commençons!

Ajout d'un favicon à votre site Web dans HTML

Pour ajouter un favicon à votre site Web en HTML, suivez les étapes ci-dessous:

Étape 1: Convertir l'image en «.ICO "ou".fichier png ”
Ajouter le favicon, .PNG ou .ICO Les formats de fichiers sont utilisés. Si vous n'avez pas de .PNG ou .ICO fichier ensuite le convertir d'abord en utilisant différents outils disponibles librement en ligne tels que ICO converti. La prochaine étape consiste à ajouter le favicon au site Web.

Étape 2: Ajouter une image convertie dans le répertoire de projet
Ajoutez l'image Favicon convertie dans votre répertoire de projet Web où vous avez votre principal "indice.html ” fichier situé. Par exemple, nous avons ajouté notre «Favicon.ICO " fichier dans le "PROJET 1" annuaire:

Ci-dessous Snipping montre le code de base du titre du site Web dans HTML. Le favicon sera ajouté après le "" élément.

À ce stade, nous n'avons pas lié l'ajout «Favicon.ICO " à notre fichier html. Il montrera donc la sortie suivante:

Étape 3: Fournir le chemin de l'image dans la balise de liaison
Utilisez le "" élément et fournissez le chemin de l'image, comme indiqué dans le bloc de code ci-dessous:

Après avoir ajouté le "" élément, nous allons enregistrer le fichier et y accéder sur le navigateur Web pour voir le résultat:

Les images fournies ci-dessus montrent que notre image Favicon supplémentaire est définie avec succès comme une icône du site Web.

Conclusion

Pour Ajouter un favicon dans Html, tout d'abord, sélectionner une image et convertir It à ".ICO" ou ".PNG" format Utilisation de tout outil de conversion d'image en ligne tel que ICO Convert. Après cela, ajouter l'image convertie en votre projet Répertoire, puis liez-le avec le fichier HTML en utilisant le «" étiqueter. Ce guide a démontré comment ajouter le favicon à votre site Web à l'aide de HTML.