Offre à durée limitée - Économisez jusqu'à 87 %

+ domaine Gratuit pour 1 an

L'offre se termine dans:

00 :

03 :

06 :

32

Les 16 meilleures générateurs de favicon en 2020

meilleurs générateurs de favicon

La façon dont la plupart des gens naviguent en ligne consiste à ouvrir simultanément sur différents onglets une sélection de leurs sites web préférés et ceux qui sont les plus visités.

Il est assez raisonnable de penser que la plupart d’entre nous ont probablement Facebook, YouTube et Google ouverts à un moment donné. Peut-être que votre navigateur contient également vos e-mails et votre site d’information préféré.

Avec tout ce qui se passe à un moment donné, comment pouvons-nous savoir quel onglet est ouvert à quel moment sans avoir à cliquer sur chaque onglet à chaque fois ?

Favicons.

Cet article énumère les 16 meilleurs générateurs de favicons que vous pouvez trouver sur le web. Il vous indiquera également comment générer des images de favicons sur chaque site web, ainsi que comment ajouter une favicon à votre site web une fois qu’il est développé.

Traduit avec www.DeepL.com/Translator (version gratuite)

1. favicon.zyro.com

Générateur favicon Zyro

Le générateur de favicon Zyro est un outil gratuit doté de plusieurs fonctions utiles.

Vous pouvez télécharger l’image de votre choix sur le site, ou vous pouvez utiliser les nombreuses icônes prédéfinies conçues par des professionnels.

Grâce à l’outil d’édition, il est possible de modifier la mise en page de votre favicon et d’ajouter ou de supprimer du texte pour inclure votre marque ou simplement choisir une monographie.

De plus, vous pouvez modifier la couleur de fond pour qu’elle corresponde à l’esthétique de votre marque.

Une fois que vous êtes satisfait du résultat final, il vous suffit de télécharger l’image dans un format que vous pouvez utiliser immédiatement.

2. Favicon-generator.org

Générateur de favicon Favicon-generator.org

Favicon.ico & App Icon Generator peut convertir les formats de fichier image JPG, PNG et GIF en un fichier favicon.ico.

Le générateur de favicon crée également des favicons de toutes tailles pour correspondre à la plateforme utilisée – web, Android, Microsoft et iOS.

Lorsque vous cliquez sur Créez Favicon, il crée un code que vous pouvez copier dans l’en-tête de votre document HTML. À titre de référence, si vous avez tout fait correctement, le code HTML ressemblera à ceci pour une favicon standard 16×16 :

Vous ajouterez ensuite le dossier .zip téléchargé au répertoire racine de votre site web.

Si vous n’avez pas encore d’image, profitez de son éditeur en ligne et créez-en une vous-même.

Vous pouvez également choisir un modèle prêt à l’emploi dans la galerie d’icônes, trié par couleur de fond, et le modifier à votre convenance.

3. FavIcon.pro 

 Générateur de favicon favicon.pro

FavIcon Generator est idéal pour convertir les formats d’image JPG, PNG et GIF en fichiers favicon.ico. Cependant, contrairement au Favicon.ico & App Icon Generator, il ne possède pas d’éditeur.

Ce générateur de favicon offre de nombreuses options de taille d’image – 16×16, 32×32, 48×48, 64×64 et 128×128 pixels.

Il vous suffit de choisir la taille d’icône dont vous avez besoin, puis de télécharger l’image que vous souhaitez transformer en favicon.

FavIcon Generator propose six préférences de langue : Anglais, espagnol, portugais, français, italien et allemand pour répondre aux besoins des utilisateurs du monde entier.

4. Dynamic Drive – Favicon Generator

Générateur de favicon Dynamic-drive

Ce générateur de favicon est compatible avec les formats d’image PNG, JPG, GIF et BMP. Il accepte également les images avec un fond transparent.

La taille par défaut du fichier favicon.ico que vous obtiendrez est de 16×16 pixels. Cependant, vous avez la possibilité de télécharger également des icônes de taille 32×32 et 48×48 pixels.

Vous pouvez accéder à la section de l’éditeur de favicon pour créer votre favicon à partir de zéro. Vous pouvez également importer une image PNG de 16×16 pixels et l’utiliser comme motif de base.

L’éditeur propose des outils d’édition simples mais fonctionnels, ainsi que de nombreuses options de couleur et de taille de pinceau.

5. Favicon.cc

FaviconCC-favicon-generator

Favicon CC accepte les formats d’image JPG, JPEG, GIF, PNG, BMP, ICO et CUR.

L’éditeur favicon gratuit offre un sélecteur de couleurs et une fonction de transparence. Ceux-ci vous permettent de concevoir sans effort des icônes de fond colorées et transparentes.

De plus, l’éditeur offre une fonction d’animation avec laquelle vous pouvez animer votre favicon. Vous pouvez décider de la durée de l’effet par image et du nombre d’itérations.

Vous pouvez télécharger le fichier ICO gratuitement. Pour obtenir le script HTML, vous devez publier l’icône sous la licence Creative Commons.

6. Genfavicon 

 générateur de favicon Genfavicon

Genfavicon prend en charge les formats d’image JPEG, GIF et PNG et génère cinq favicons de tailles différentes.

Importez votre image dans le générateur et choisissez la taille d’icône souhaitée. Vous pouvez la recadrer et prévisualiser le résultat avant de télécharger le fichier ICO.

Bien que le générateur soit convivial et gratuit, il ne dispose pas d’un éditeur qui vous permet de concevoir un favicon à partir de zéro.

Tout comme FavIcon.pro, Genfavicon propose diverses préférences linguistiques pour aider les utilisateurs du monde entier.

7. Favic-o-Matic

Favicomatic-favicon-generator

Ce générateur de favicon vous donne la possibilité de générer un seul fichier favicon.ico. Vous pouvez également télécharger en vrac des images PNG de différentes tailles ainsi qu’un fichier ICO pour diverses plates-formes, le tout en un seul clic.

Favic-o-Matic vous donne également le code HTML pour tous les fichiers générés. Vous pouvez répondre à tous les besoins de votre favicon en un seul endroit.

Comme il prend en charge l’intégration de Google Drive, vous avez la possibilité d’enregistrer les fichiers directement sur votre compte.

Testez la compatibilité de votre favicon avec différents navigateurs et appareils en utilisant le Favic-o-meter – un outil gratuit de vérification de favicon.

Il vous aidera à vérifier si votre site implémente correctement l’icône de raccourci et vous fournira des suggestions sur la manière de résoudre les problèmes rencontrés.

8. RealFaviconGenerator.net

 Générateur de favicon real-favicon-generator

RealFaviconGenerator.net propose des options de modification de favicon pour améliorer la compatibilité de votre favicon avec les plateformes les plus courantes.

Il comprend des options de personnalisation de votre favicon pour les écrans de téléphones portables, comme la barre tactile d’Apple et l’écran d’accueil d’Android Chrome.

Lors de la conception du favicon, vous pouvez voir à quoi il ressemble dans les onglets et la barre d’adresse du navigateur. Vous n’aurez pas à le créer par un procédé d’essai et d’erreur.

La fonction de démonstration vous permet également de modifier la couleur de fond, les marges et la taille de l’image. Vous pouvez également choisir les caractéristiques du favicon en fonction des versions des systèmes d’exploitation.

Le produit final comprend des fichiers favicon en PNG, ICO et SVG. Le générateur fournit différents ensembles de code favicon compatibles avec des langages de programmation spécifiques.

9.  Xiconeditor.com

xicon-favicon-generator

X-Iconeditor est un puisant générateur de favicon en ligne. C’est l’un des rares outils qui offre un outil crayon, un outil pinceau, une gomme et un éditeur de texte pour ceux qui veulent créer leur propre favicon à partir de zéro.

Bien sûr, il y a une fiction de téléchargement d’image facile si vous ne voulez pas créer votre favicon à partir de zéro. Téléchargez une image qui représente votre marque et recadrez-la directement dans le générateur.

Vous pouvez également prévisualiser votre favicon avant de la télécharger, afin d’avoir une idée sur comment l’image apparaîtra dans les navigateurs web.

Une fois que vous êtes satisfait, il vous suffit d’exporter le fichier et de le télécharger dans le répertoire racine de votre site web.

Pour définir la favicon et indiquer que l’icône est disponible pour le navigateur, utilisez la balise <link> dans l’élément <head> de la page, en pointant sur l’emplacement de la favicon :

Elle ressemblera à ceci:

<link rel=”shortcut icon” href=”favicon.ico”/>

10. Antifavicon.com 

Générateur de favicon anti-favicon

Comme son nom l’indique, Antifavicon est légèrement différent de la majorité des générateurs de favicon sur le marché. Il n’utilise pas de fichier image pour créer l’icône.

Au lieu de cela, une icône Anticon contient du texte au lieu d’images. Les utilisateurs peuvent utiliser un sélecteur de couleurs pour créer un favicon qui correspond à la palette de couleurs de leur site web.

Pour générer votre favicon, il vous suffit de taper votre texte et d’expérimenter avec différentes couleurs. Lorsque vous êtes prêt, vous pouvez enregister votre favicon en cliuant sur “Enregister comme fichier favicon“.

Anti Favicon propose également de nombreux types de générateurs différents, créateur de bouton, icône d’email, et bien d’autres, la plupart dans le style unique d’Anti Favicon.

Anti Favicon est l’un des générateurs de favicon les plus uniques qui existent et mérite une visite.

11. Webestools Favicon Online Generator

Générateur de favicon webestools

Webestools.com propose un générateur de favicon en ligne gratuit qui permet aux utilisateurs de télécharger un fichier image sur le site et de le modifier directement.

Les utilisateurs qui souhaitent s’impliquer davantage dans le processus peuvent profiter des outils de couleur et de l’éditeur en ligne pour créer leurs favicon à partir de zéro.

Le générateur de favicon Webestools ne propose que des favicons de taille 16×16 or 32×32, mais il permet aux utilisateurs de prévisualiser eurs favicons avant de télécharger le fichier ICO .

Dans l’ensemble, il s’agit d’un générateur de favicon simple et efficace qui permet d’effectuer le travail sans aucun souci supplémentaire.

12. logaster.com

Généteur de favicon logaster

Le générateur de favicon Logaster va un peu plus loin que la concurrence et constitue une xcellent choix pour les sites qui ne se sont pas encore décidé sur leur identité de marque.

Plutôt que de commencer avec une image, ce générateur de favicon commence par vous demander d’utiliser le générateur d’identité de marque Logaster. Entrez votre nom de marque, et Loaster créera plusieurs options de logo pour votre marque, qu’il traduira ensuite en favicon de haute qualité.

Logaster est un service professionnel qui peut créer des favicons dans un ensemble complet de tailles différentes (16-128 px). C’est l’un des seuls services premium de cette liste, et il est important de noter qu’il ne vous permet pas de télécharger votre propre image.

Le générateur de favicon Logaster est une option excellente pour les marques qui n’ont pas encore crée leur propre logo.

13. favico.com

Générateur de favicon Favico

Le générateur de favicon est rapide, gratuit et facile à utiliser. Utilisez-le pour convertir une image GIF/JPG/PNG au format ICO pour l’utiliser comme favicon.

Il s’agit d’un générateur de favicon simple avec une interface utilisateur propre. Sélectionnez une image de votre ordinateur à télécharger et choisissez la taille du favicon que vous souhaitez – dans ce cas, elle est soit 16×16 soit 32×32, et vous êtes prêt à vous lancer.

Une caractéristique intéressante de FavIco est que la création d’une favicon permet de le stocker dans une galerie en ligne. La création de plusieurs favicons vous permet de comparer les résultats finaux avant le téléchargement.

14. faviconit.com

Générateur de favicon faviconit

Favicon It offre quelques variations qui sont différentes des variations standards d’un générateur de favicon.

Avec Favicon It, vous suivez la procédure standard de téléchargement d’images, mais là où de nombreux sites web ne proposent qu’un favicon de 16 ou 32 px – Favicon It génère des favicons, des icônes apple touch et l’en-tête HTML pour tous les appareils et navigateurs.

Favicon It exige que votre image soit un carré d’au moins 310px pour créer un favicon. Si votre image ne répond pas à ces exigences, Favicon It renvoie automatiquement à un site web de redimensionnement d’images gratuit et facile à utiliser.

15. prodraw.net

Générateur de favicon prodraw

Le générateur de favicon Prodraw est un outil en ligne gratuit qui vous aide à convertir des fichiers de logos, d’images et de photos en favicon.

Il prend mieux en charge les formats de fichiers que la plupart des générateurs de favicon de cette liste et est non seulement capable de prendre en charge les formats de fichiers JPG, GIF, PNG, mais aussi BMP et TIF.

L’un des avantages de l’utilisation du générateur de favicon prodraw est qu’il offre de nombreux conseils simples à l’utilisateur. La plupart des sites web se contentent de répertorier les formats compatibles et les tailles de favicon disponibles.

Prodraw met un point d’honneur à clarifier les différences. Par exemple, si vous souhaitez un favicon avec un fond transparent, il serait judicieux de télécharger une image au format GIF ou PNG.

Prodraw explique également la meilleure utilisation pour chaque taille de chaque sortie. Par exemple, 32×32 (icône de bureau), 48×48 (grande icône XP) jusqu’à 128×128 pixels (taille de l’icône Windows Vista) dans le format d’icône *.ICO.

Bien que certains de ces formats soient dépassés, il est possible d’utiliser les mêmes tailles pour les outils modernes. Par exemple, 128px est la taille actuelle correcte pour un favicon de la boutique en ligne Google Chrome.

Prodraw est également capable de générer des icônes avec différents niveaux de netteté. Il vous permettra de comparer les résultats et de choisir l’icône qui convient le mieux à votre projet.

16. icoconverter.com

Générateur de favicon ico-converter

Le convertisseur ICO fait ce qui est indiqué sur l’étain.

Il s’agit d’un simple convertisseur d’image .ico en ligne et d’un générateur de favicon. Il prend n’importe quelle image et la convertit en fichier ICO, pour l’utiliser comme favicon de site web ou application Windows.

Le convertisseur ICO vous permet de choisir les tailles de favicon que vous souhaitez inclure dans l’ICO final. Il propose des formats 16px, 32px, 48px, 64px, 128px et 256px.

Contrairement à beaucoup de ses concurrents, le convertisseur ICO vous permet également de choisir la profondeur de bit finale de votre favicon. Choisissez entre une profondeur de 8 bits (256 couleurs, palette) ou 32 bits (16,7 millions de couleurs et transparence alpha).

De cette façon, le convertisseur ICO s’adapte aux styles de favicon les plus modernes et les plus classiques.

Qu’est-ce qu’une favicon ?

Email boîte de reception Gmail

Les favicons, abréviation de “icônes favorites”, sont les petites icônes que vous voyez sur chaque onglet du navigateur, barre de recherche, signets, extensions et historique de recherche qui identifient le site web en question.

Une favicon représente un site web. Elle apparaît généralement dans la barre d’adresse, les onglets et la liste des signets du navigateur, bien que les favicons puissent également se présenter sous forme d’icônes de bureau ou d’applications.

La plupart des entreprises choisissent d’utiliser leur logo comme favicon, car il est plus facilement identifiable. Pensez à l’oiseau bleu emblématique de Twitter ou au symbole du “bouton de lecture” qui est synonyme de YouTube.

D’autres marques utilisent comme favicon un logo monogramme d’une seule lettre présenté dans des couleurs vives.

L’ajout d’un favicon sur votre site contribue à établir votre marque et votre crédibilité. C’est généralement un signe de légitimité sur un site web. Elle montre que la marque investit du temps et de l’argent dans le service pour lui donner une apparence cohérente et professionnelle.

Comme la favicon est un élément important de l’image de marque d’un site web, il est vital d’avoir un design d’icône unique et mémorable. Elle doit être suffisamment simple pour que les visiteurs puissent la reconnaître facilement.

L’ajout d’une favicon à votre site web présente de nombreux avantages :

  • Ajouter de la crédibilité au site
  • Améliorer la reconnaissance de la marque sur différentes plateformes
  • Aider les utilisateurs à localiser le site parmi d’autres onglets et signets
  • Améliorer la navigation et l’expérience de l’utilisateur

Que faire si votre site web est légitime, mais que vous n’avez pas le temps ou le savoir-faire en matière de conception graphique pour créer un favicon ? Vous aimeriez quand même que vos utilisateurs puissent voir votre logo ou votre icône dans leur navigateur web.

Dans ce cas, vous pouvez utiliser un générateur de favicon pour en créer un en un rien de temps.

Comment ajouter une favicon à votre site

téléphone avec un code

Pour créer votre propre favicon, il vous suffit de choisir un des générateurs de favicon dans la liste ci-dessus et de télécharger un fichier image.

Tous les générateurs de favicon que nous avons choisis dans cet article feront le travail pour vous. Tant que vous disposez d’un fichier image approprié, vous obtiendrez une favicon de grande qualité.

Bien que la plupart des navigateurs acceptent les favicons aux formats d’image GIF, ICO, PNG et JPG, le format ICO est idéal en puiqu’il inclut plusieurs tailles d’icônes dans un seul fichier.

Pour ajouter une favicon à votre site web, vous devez connaître un peu de code HTML de base. Lorsque vous créez un favicon, vous verrez cette ligne assez souvent :

link rel=”shortcut icon”

Si vous pensez à ce que signifie link rel =”shortcut icon” ? Ne vous inquiétez pas. Vous n’êtes pas seul.

Pour commencer, vous n’avez pas besoin d’écrire ce code. Chaque générateur de favicon de la liste l’écrira pour vous. Il vous suffit de télécharger le fichier fourni dans le répertoire de votre site et de coller le HTML dans l’en-tête de votre site.

L’élément LINK définit un lien vers le fichier favicon que vous avez téléchargé. C’est simple.

Il est possible d’éviter tout le code en utilisant un générateur de favicon visuel comme celui de Zyro.

Vous créerez un favicon visuel que vous pourrez ensuite télécharger et utiliser sur les sites web et les systèmes de gestion de contenu. Il vous suffit de télécharger l’image et le tour est joué.

Quelle doit être la taille d’une favicon ?

Designs d'icône

Les favicons standard sont de 16×16 et 32×32 pixels. Cependant, les différentes plateformes, comme les icônes d’applications, nécessitent généralement des favicons de tailles différentes pour une meilleure visibilité.

Voici une liste complète des tailles de favicon actuelles et de l’utilisation correspondante :

  • 16×16 pixels (navigateur standard)
  • 32×32 (icônes de bureau)
  • 128×128 (icône du magasin en ligne Chrome)
  • 152×152 (icône tactile de l’iPad)
  • 167×167 (icône tactile de l’iPad Retina)
  • 180×180 (iPhone Retina)
  • 192×192 (Google Developer Web App)
  • 196×196 (Chrome pour l’icône Android)

    Vous trouverez sur notre liste un générateur de favicon capable de créer des fichiers dans chacune de ces tailles.

Récapitulatif du générateur de favicon

Malgré sa petite taille, une favicon est un élément essentiel d’un site web. Si votre site n’en a pas encore, vous devriez la créer maintenant.

Avec un générateur de favicon, n’importe qui peut concevoir une icône attrayante en quelques secondes. Selon l’outil utilisé, vous pouvez soit créer une favicon à partir de zéro, soit utiliser une image existante comme design de base.

Chaque générateur de favicon de cette liste est un choix judicieux pour votre site web. Il vous suffit de réfléchir aux fonctionnalités dont vous aurez besoin et de faire votre choix.
N’oubliez pas qu’un fichier ICO peut contenir plusieurs tailles de fichier différentes. Il n’est donc pas nécessaire d’en créer plus d’un, même si vous souhaitez créer plusieurs types de favicon.

Écrit par

L'avatar de l'auteur

Roua

Passionnée par l'écriture et les affaires, Roua a décidé de fusionner les deux dans ce qu'elle fait. Lorsqu'elle n'écrit pas de billets de blog sur le commerce électronique et les affaires, elle aime faire du yoga et apprendre de nouvelles langues.

Rejoignez la conversation

Votre adresse mail ne sera pas publié. Tous les champs sont requis.