profile_image

Apps MTSites

Créer un favicon

Sélectionnez votre logo :

Sélectionnez la taille désirée :

A quoi sert un favicon sur un site ?

Un favicon (ou "icone de favoris") est une petite image qui s'affiche dans l'onglet du navigateur et à côté du titre de la page dans les signets ou les favoris. Il s'agit généralement d'une image de petite taille, souvent en forme de carré, qui représente l'identité visuelle du site web.
Le favicon sert à plusieurs choses :

  • Identité visuelle : Le favicon permet de renforcer l'identité visuelle de votre site web. En utilisant une icône qui correspond à votre marque ou à votre site web, vous pouvez aider les utilisateurs à reconnaître votre site plus facilement et à se rappeler de vous.
  • Navigation : Le favicon peut également aider les utilisateurs à naviguer sur votre site web. En affichant une icône distincte pour chaque page de votre site, vous pouvez aider les utilisateurs à identifier rapidement l'onglet qu'ils recherchent dans leur navigateur.
  • Professionnalisme : L'utilisation d'un favicon peut également donner une impression plus professionnelle à votre site web. Les sites web qui n'utilisent pas de favicon peuvent sembler inachevés ou moins professionnels.
  • Amélioration de l'expérience utilisateur : En affichant une icône de favoris personnalisée pour votre site web, vous pouvez contribuer à améliorer l'expérience utilisateur globale de votre site.

Un favicon est une petite mais importante composante visuelle de votre site web qui peut contribuer à renforcer votre identité visuelle, à améliorer la navigation et l'expérience utilisateur, et à donner une impression plus professionnelle à votre site.

Comment intégrer le favicon sur votre site ?

Après avoir généré et téléchargé un favicon avec cet outil, enregistrez-le dans le répertoire racine de votre site. Ensuite, incluez le code suivant dans l'en-tête de votre document HTML.

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