15 meilleurs générateurs de favicon gratuits

Générateurs Favicon gratuits


En ce qui concerne votre site Web, votre stratégie de marque est cruciale pour convertir les visiteurs en clients. Aucun petit détail ne doit être négligé. Cela inclut la nécessité de créer des icônes de favicon et un générateur de favicon gratuit peut vous aider à les créer..

Les favicons sont les petites icônes d’image qui apparaissent à côté du titre d’un site Web dans l’onglet d’une fenêtre de navigateur.

Étant donné que vous pouvez également les utiliser comme icônes d’application de bureau, vous avez besoin d’au moins quelques tailles différentes qui peuvent être incluses dans un type de fichier ICO favicon. Dans la plupart des cas, vous pouvez également définir un fichier PNG comme icône de favicon.

Les favicons sont essentiels car les utilisateurs recherchent constamment des informations sur plusieurs sites Web à la fois dans les onglets. Les favicons aident les utilisateurs à identifier le contenu et la marque plus rapidement pour une expérience utilisateur plus attrayante.

Voici donc 15 outils gratuits de générateur de favicon en ligne ainsi que plus de détails sur la façon de créer des icônes de favicon et de les installer.

Creusons.

Meilleures pratiques pour les fichiers ICO du générateur de favicon en ligne

Lorsque vous souhaitez créer des icônes de favicon, la première étape consiste à en savoir plus à leur sujet, y compris leurs exigences et meilleures pratiques.

Le terme «favicon» est un nom de «icône préférée». Ce sont des icônes qui, comme aujourd’hui, étaient affichées avec un titre de site Web en haut d’un navigateur.

Sauf qu’ils ont été initialement affichés lorsqu’un utilisateur a ajouté un site Web à son dossier «favoris». Les navigateurs modernes se réfèrent à ce dossier comme vos signets.

Une icône de favicon doit avoir une certaine taille. Sinon, les navigateurs et les appareils ne les utiliseront pas.

Les tailles minimales nues dont vous avez besoin sont:

  • 16 × 16 pixels pour les navigateurs
  • 32 × 32 pixels pour les barres de tâches de bureau
  • 96 × 96 pixels pour les icônes de favicon de l’application de bureau
  • 180 × 180 pixels pour les appareils iOS et Android

Gardez à l’esprit que vous pouvez choisir entre 16 × 16 px et 32 ​​× 32 px. Si vous n’êtes pas trop inquiet au sujet de la marque, l’une de ces tailles d’image devrait suffire.

Pour plus de détails, consultez le Aide-mémoire Favicon.

Lorsque vous créez une icône de favicon, c’est une bonne idée de suivre également ces meilleures pratiques:

  • Ils doivent être simples et pas trop stylisés pour être faciles à voir dans les petites tailles.
  • Choisissez une ou deux couleurs pour le jeu de couleurs. Tout au plus, pas plus de trois couleurs.
  • Les icônes de favicon doivent être en couleurs 8 bits ou 24 bits.
  • La conception des icônes de favicon ne doit pas comporter beaucoup de lignes ou de lettres.
  • Bien que vous puissiez avoir un arrière-plan transparent, il est important de noter que les appareils Apple ne le permettent pas.
  • Les icônes de favicon doivent correspondre à votre marque et logo existants.

Création rapide d’un logo si vous n’en avez pas

Comme mentionné précédemment, c’est une bonne idée d’avoir votre icône de favicon liée à votre marque et à votre logo actuel. Si vous n’en avez pas déjà un, vous pouvez en créer un rapidement, par exemple, avec le Créateur de logo TailorBrand.

Il peut générer un logo pour vous à l’aide d’une IA. Après avoir répondu à quelques questions simples et rapides sur le style de logo que vous souhaitez, y compris la police, puis en vous inscrivant à un compte gratuit, plusieurs logos de haute qualité, professionnels et modernes sont générés.

Un exemple de logo généré à partir du site Web TailorBrand.
Un exemple de logo et des alternatives faites avec le créateur de logo TailorBrand.

Si vous trouvez un logo que vous aimez, vous pouvez passer à un compte premium pour le télécharger. Cependant, vous pouvez télécharger gratuitement une version icône du favicon du logo.

Nous avons répertorié 15 fabricants de logos en ligne gratuits si vous souhaitez également découvrir d’autres options.

Meilleurs générateurs de favicon gratuits: outils en ligne

Si vous souhaitez créer vos propres icônes de favicon qui sont plus simplistes, ou si vous voulez simplement télécharger une image et la faire dimensionner et convertir en un fichier image ICO, voici plusieurs générateurs de favicon gratuits.

Ils ne sont pas dans un ordre particulier, car ce sont toutes d’excellentes options où vous pouvez créer une icône de favicon en quelques clics. Après avoir créé un favicon avec l’une de ces options en ligne, vous pouvez les télécharger et les utiliser gratuitement..

1) Favicon.io

Le générateur de favicon gratuit Favicon.io

Avec ce générateur de favicon gratuit, vous pouvez créer des icônes de favicon à partir d’un texte, d’une image ou d’un emoji.

Avec l’option basée sur le texte, vous pouvez choisir la couleur et la forme de l’arrière-plan, la famille et la taille de la police ainsi que la couleur de la police. Le générateur Favicon utilise Google Fonts qui propose plus de 800 polices.

Alternativement, vous pouvez choisir de télécharger un fichier pour le générateur de favicon pour le transformer en dimensionnement approprié. Ou, vous pouvez télécharger une icône de favicon emoji à partir d’une gigantesque liste d’options.

Le favicon généré fonctionnera pour tous les navigateurs et plates-formes multiples.

2) Favicon-Generator.org

Le site Web du générateur de favicon pour créer un favicon.

Ce générateur de favicon gratuit vous donne la possibilité de télécharger un fichier image et de choisir entre la taille standard 16 × 16 px pour les navigateurs Web ou une taille plus grande adaptée à Android, Microsoft et iOS.

Vous avez la possibilité de conserver les dimensions actuelles de l’image au lieu de la redimensionner en carré. Gardez à l’esprit que le fait de garder cette option cochée ou décochée peut fausser le résultat final de votre favicon.

Il est donc préférable de vous assurer que votre image est déjà assez proche d’être un carré.

3) Real Favicon Generator

Le site Web Real Favicon Generator pour créer des icônes de favicon.

Ce générateur de favicon gratuit est plutôt unique car il est l’un des rares sur la liste qui comprend une section d’aperçu du simulateur de navigateur afin que vous puissiez voir à quoi ressemblera votre icône de favicon une fois qu’elle aura été dimensionnée et convertie.

Vous pouvez également obtenir des tailles pour tous les navigateurs, plates-formes et la plupart des technologies.

Cependant, ce générateur de favicon n’a que la possibilité de sélectionner une image à convertir en icône de favicon.

4) Favicon.cc

Le site Favicon.cc

Avec ce générateur de favicon gratuit, vous pouvez soit télécharger une image pour créer un favicon, soit créer votre propre icône de favicon en en dessinant une avec la souris.

Vous pouvez choisir les couleurs que vous souhaitez utiliser avec un sélecteur de couleurs ainsi que basculer la transparence de l’icône favicon.

Il existe également une option pour créer des icônes de favicon avec une animation. En outre, des paramètres tels que la mise en boucle de l’animation, la modification et la suppression d’images sont disponibles.

Ce générateur de favicon a également un mode de prévisualisation, vous pouvez donc voir à quoi ressemble votre favicon, une fois qu’il est prêt.

5) FaviconGenerator.com

Une option de générateur de favicon gratuit.

Il s’agit d’un simple générateur de favicon gratuit où vous pouvez télécharger une image, puis choisir la taille que vous souhaitez qu’elle soit. C’est très basique, mais une bonne option lorsque vous voulez créer rapidement une icône de favicon sans vous soucier des paramètres et des options.

Avec ce générateur, vous pouvez également créer des favicons rétine qui fonctionnent avec les appareils Apple Touch. Cela nécessite un peu de travail supplémentaire, mais toutes les instructions sont détaillées sur leur page Web.

6) Favicomatique

Le site Favicomatic, un générateur de favicon gratuit.

Favic-o-Matic génère des favicons, à la fois ICO et PNG (également transparents).

Vous pouvez télécharger une image avec ce générateur de favicon gratuit, puis choisir de télécharger un fichier ICO 16 × 16 et 32 ​​× 32 pixels ou d’inclure différentes tailles compatibles avec tous les appareils.

Il existe également des paramètres avancés comme la possibilité de modifier la couleur d’arrière-plan et certaines options de compatibilité avancées.

7) Ionos Favicon Generator

Le site Web gratuit de générateur de favicon de Sonos

Le générateur de favicon Ionos vous permet de dessiner une icône de favicon, d’utiliser des initiales ou de télécharger une image que vous souhaitez utiliser pour créer un favicon.

Le résultat est un favicon qui fonctionne sur tous les navigateurs et appareils. Il dispose également d’une belle zone d’aperçu où vous pouvez rapidement voir à quoi ressemblera votre favicon en direct.

8) Générateur Planet Favicon

Générateur de favicon gratuit du site Web Planet Planet pour créer un favicon.

Ce générateur de favicon gratuit offre les options pour télécharger une image (JPG, PNG ou GIF), ou choisir parmi une galerie gratuite de favicons premade.

Il peut être important de noter que si vous cherchez à créer des icônes de favicon pour votre entreprise, vous voudrez probablement créer un favicon qui est votre logo ou similaire. Lorsque vous faites cela, cela donne un aspect plus cohérent qui est plus mémorable.

Ainsi, le choix de l’une des images prédéfinies peut ne pas convenir, d’autant plus que d’autres sites peuvent utiliser exactement la même que celle que vous avez choisie..

9) Générateur de Favicon RedKetchup

Le site Web du générateur de ketchup rouge Favicon

Pour ce générateur, il existe une option pour télécharger une image ou en créer une avec du texte.

Si vous créez des icônes de favicon avec du texte, il existe de nombreux paramètres, notamment la modification de la famille de polices, la taille de police, la couleur d’arrière-plan, la couleur du texte et une échelle réglable pour basculer la frontière entre un carré et un cercle. Ainsi, vous pouvez redimensionner la bordure pour avoir des bords arrondis de rondeur variable.

Il existe également d’autres options de compatibilité entre les appareils.

dix) Genfavicon

Créez des icônes de favicon avec le générateur de favicon gratuit du site Genfavicon.

Ce générateur de favicon gratuit est unique car lorsque vous téléchargez une image, vous avez la possibilité de recadrer pour en faire un favicon.

Il y a aussi une fenêtre d’aperçu pour voir à quoi ressemblera votre nouvelle icône de favicon en direct dans le navigateur d’un utilisateur.

Vous pouvez choisir entre les options de dimensionnement: 16 × 16, 32 × 32, 48 × 48, 64 × 64 et 128 × 128 pixels.

11) FavIcon.pro

Créez des icônes de favicon avec le générateur de favicon gratuit du site Favicon.pro.

Voici une autre option rapide en ce qui concerne un générateur de favicon gratuit. Lorsque vous téléchargez une image pour créer un favicon, vous pouvez choisir la taille d’image que vous souhaitez utiliser: 16 × 16, 32 × 32, 48 × 48, 64 × 64 et 128 × 128 pixels.

FavIcon vous permet de convertir le type de fichier JPG, GIF, PNG en ICO et vous pouvez l’utiliser pour convertir des icônes d’application, des icônes de bureau et des favicons vers vos sites Web.

12) Faviconr

Vous pouvez créer une icône de favicon avec le générateur de favicon gratuit de Faviconr.

Faviconr est une autre option simple et rapide pour un générateur de favicon gratuit.

Téléchargez un fichier JPG, PNG ou GIF et choisissez si vous voulez un arrière-plan transparent (vous ne pouvez créer des favicons transparents que si votre fichier source est également un fichier PNG ou GIF transparent). Cliquez sur le bouton, enregistrez le fichier et vous avez terminé.

13) ICOConvert

Le site IcoConvert

Ce générateur de favicon gratuit est assez unique car après avoir téléchargé une image que vous souhaitez utiliser pour créer un favicon, vous pouvez le recadrer et le styliser.

Il existe des options pour façonner la bordure en différentes formes, y compris un carré, une forme de coeur, un carré décentré, un cercle, une forme de coeur ou un carré incliné, et une option pour choisir une bordure blanche.

Vous pouvez également choisir de télécharger le favicon sous forme de fichier ICO ou PNG avec plusieurs options de dimensionnement, notamment 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 96 × 96, 128 × 128, 192 × 192 et 256 × 256 pixels. Il existe également une option pour créer des icônes de favicon pour les ordinateurs Windows 7, 8, Vista et XP.

Ce générateur de favicon gratuit comprend également des options de compression et de conversion de fichiers PNG en SVG.

14) Générateur Wizlogo Favicon

Le générateur de favicon gratuit de Wizlogo pour créer des icônes de favicon

Wizlogo est une autre option simple pour un générateur de favicon gratuit. Tout ce que vous avez à faire est de sélectionner une image à télécharger, puis sélectionnez un fichier ICO 32 × 32 ou une icône de favicon pour le Web, iOS, Windows et Android. Et tu as fini.

Wizlogo peut également être utilisé comme créateur de logo gratuit.

15) FavICO

Le site Favico

FavICO est une dernière option de base pour un générateur de favicon gratuit. Téléchargez une image que vous souhaitez utiliser pour créer un favicon. Ensuite, choisissez entre une taille de 16 × 16 ou 32 × 32 pixels et appuyez sur créer. Et c’est tout.

Comment installer une icône Favicon

Une fois que vous avez utilisé l’un des générateurs de favicon gratuits pour créer une icône de favicon, vous pouvez l’installer afin qu’elle puisse être affichée pour votre site Web..

Pour les sites réguliers ou non WordPress, téléchargez d’abord l’icône favicon à la racine de votre serveur.

Ensuite, à partir de la balise du fichier index.html, utilisez le code officiel ci-dessous du W3C:

...


...

Assurez-vous simplement de changer “https://example.com/myicon.png” avec le lien réel vers votre icône favicon.

Modifiez également «image / png» pour refléter le type de fichier image que vous utilisez pour le favicon..

Voici les types d’images pour remplacer «image / png» qui sont compatibles quand il s’agit de créer un favicon:

  • Fichier image PNG – image / png
  • Fichier image GIF – image / gif
  • Fichier image ICO – image / x-icône
  • Fichier image SVG – image / svg + xml

N’oubliez pas d’enregistrer le fichier.

Dans la plupart des cas, les générateurs de favicon gratuits répertoriés ci-dessus génèrent également le code dont vous avez besoin, spécifique aux paramètres que vous avez choisis, par exemple pour les animations ou la compatibilité. Donc, si ce code ne fonctionne pas, vous pouvez vous référer au générateur de favicon que vous avez utilisé pour créer un favicon pour votre site Web..

Installer une icône Favicon automatiquement dans WordPress

Pour les sites WordPress, vous pouvez créer une icône de favicon sans avoir à utiliser l’un des générateurs de favicon gratuits répertoriés ci-dessus..

Vous pouvez utiliser n’importe quelle image de votre choix tant qu’elle mesure au moins 512 px de large.

Pour l’installer automatiquement, connectez-vous à votre site WordPress auto-hébergé et dans le tableau de bord d’administration, accédez à Apparence> Personnaliser.

Une fois le Customizer chargé, cliquez sur Identité du site dans le menu de gauche. Ensuite, sous Icône du site, Cliquez sur Sélectionnez l’image.

Le Customizer dans WordPress
Vous pouvez créer automatiquement des icônes de favicon dans WordPress.

Dans la fenêtre contextuelle, cliquez sur le Télécharger des fichiers onglet, puis sur Sélectionnez les fichiers. Choisissez une image que vous voulez sur votre ordinateur.

Cliquez sur Sélectionner, puis recadrez l’image, si nécessaire, puis cliquez sur Recadrer l’image. Ou, vous pouvez laisser l’image telle quelle et cliquer Ignorer le recadrage.

Enregistrez ensuite vos modifications en cliquant sur le Publier bouton dans le Customizer.

Installer manuellement un Favicon pour les sites WordPress

Pour installer manuellement votre favicon qui est un fichier ICO pour WordPress, téléchargez d’abord le favicon à la racine de votre site Web ainsi qu’à la racine de votre thème actuel.

Assurez-vous que le fichier est nommé «favicon.ico», sinon l’icône de favicon ne s’affichera pas.

Cela devrait faire l’affaire, mais certains navigateurs plus anciens peuvent ne pas remarquer votre favicon, il existe donc une étape supplémentaire que vous pouvez prendre pour assurer la compatibilité.

Recherchez votre fichier header.php via SFTP ou le panneau de configuration de votre hébergeur.

Ouvrez-le et recherchez la ligne de code similaire à l’exemple ci-dessous:

...

...

alors, remplacez-le par le code ci-dessous ou ajoutez-le s’il n’y en a pas:

...

...

Enregistrez le fichier et vous avez terminé.

Emballer

Quelque chose d’aussi petit qu’une icône de favicon peut sembler insignifiant au début, mais il aide à la reconnaissance de la marque et à l’expérience utilisateur. Ces générateurs de favicon gratuits devraient faire l’affaire pour créer vos propres icônes de favicon à ajouter à votre site Web..

Quelque chose que nous avons manqué? Laissez un commentaire ci-dessous.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map