Aperçu du résultat de « Générateur de favicon »

Favicon Generator — Créez gratuitement une Favicon à partir d'une image

Générez des icônes PNG de 16 à 512 px, une icône tactile Apple et un site.webmanifest à partir d'une seule image.

À partir de quoi le favicon doit-il partir ?

Déposez une image carrée — récupérez toutes les tailles de favicon ainsi que le site.webmanifest dans un ZIP.

Comprend favicon.ico, site.webmanifest + un extrait HTML

Ce que vous pouvez faire avec Générateur de favicon

Passez en revue les principales fonctionnalités avant de commencer.

  • Partez d'une image, d'initiales ou d'un emoji ou symbole
  • Prévisualisez les couleurs et le style de texte du logotype avant la génération
  • Créez des icônes Apple Touch et d'écran d'accueil Android
  • Obtenez un fichier site.webmanifest prêt à l'emploi
  • Téléchargez toutes les tailles de favicon dans un seul ZIP
  • Générez favicon.ico ainsi que des tailles PNG de 16 à 512 px

Référence des paramètres

Contrôles disponibles pour Générateur de favicon.

Mode de traitementPréréglages
Traitez un élément à la fois ou passez au mode par lots Premium pour appliquer les mêmes réglages à plusieurs éléments. Les types d’entrée disponibles dépendent de l’outil.Possibilités: Image uniqueLot

Type de source

À partir de quoi le favicon doit-il partir ?Préréglages
Sélectionne une image importée, un monogramme d'un à trois caractères conçu localement, ou un emoji ou symbole comme source pour le même pack de favicons complet.Possibilités: Utilisez une image ou un logoCréer à partir d'initialesCréer à partir d'un emoji

Conception

Initiales ou texte courtSaisie de texte
Définit un à trois caractères pour le mode initiales et met à jour l'aperçu source local avant la génération.
Style du texteListe déroulante
Choisit la police du monogramme en mode initiales.Possibilités: Sans empattementSerifÀ chasse fixe
Couleur du texteSélecteur de couleur
Choisit la couleur des initiales ; affiché uniquement pour une source de type monogramme.
Couleur d'arrière-planSélecteur de couleur
Définit l'arrière-plan uni derrière les initiales ou un emoji avant la génération des tailles de favicon.
Emoji ou symboleSaisie de texte
Accepte jusqu'à quatre caractères Unicode en mode emoji ; l'apparence dépend du navigateur et du système d'exploitation utilisés pour afficher la source.
Utilisation gratuite · Aucune inscription requise · Sans filigraneLes téléchargements sont cryptés pendant le transitSupprimé en vertu de notre politique de rétention

Foire aux questions

Pour une large couverture des navigateurs et des appareils, les tailles courantes incluent des icônes de navigateur 16×16 et 32×32, une icône Windows 48×48, une icône Apple touch 180×180, ainsi que des icônes Android/PWA 192×192 et 512×512. Le générateur produit celles-ci, plus favicon.ico et site.webmanifest, à partir d'une image, d'initiales ou d'un emoji ou symbole.

usage

Les navigateurs modernes prennent en charge les icônes PNG, mais favicon.ico reste une solution de repli utile pour la compatibilité. Le pack téléchargé inclut un favicon.ico multi-résolution ainsi que les tailles PNG modernes, vous n'avez donc pas besoin d'une seconde conversion.

technical

Un manifeste d'application web est un fichier JSON qui indique à Android, Chrome et Edge l'apparence de votre site lorsqu'il est installé en tant qu'application web progressive — icône, nom, couleur de thème et mode d'affichage. Notre générateur inclut un manifeste de départ pointant vers les icônes Android Chrome ; il ne vous reste qu'à modifier le nom et theme_color.

features

Utilisez une image carrée de 512×512 ou plus, une à trois initiales en gras au contraste marqué, ou un emoji ou symbole simple. Évitez les détails fins qui disparaissent en 16×16. L'aperçu source en direct vous aide à évaluer le monogramme ou l'emoji avant de générer le pack.

tips

Les logos importés sont envoyés via HTTPS lorsque vous choisissez Générer. Les sources en initiales et emoji sont d'abord rendues localement dans votre navigateur, puis cette image source générée est envoyée pour créer le pack. Les fichiers traités par le serveur suivent la politique de sécurité ; rien n'est envoyé simplement en modifiant l'aperçu local.

privacy

Décompressez le téléchargement dans le dossier /public (ou la racine web) de votre site, puis ajoutez l'extrait HTML fourni dans votre <head> : les balises link pour les icônes PNG ainsi qu'un lien vers site.webmanifest. Actualisez votre site en forçant le rechargement (Cmd+Shift+R) — les navigateurs mettent les favicons en cache de manière agressive, vous devrez donc peut-être vider le cache pour que la nouvelle icône apparaisse.

usage

Le pack fournit les icônes 192×192 et 512×512 ainsi qu'un manifeste de départ utilisé par les applications web installables. Les icônes seules ne rendent pas un site installable ; votre application doit également satisfaire les exigences actuelles du navigateur en matière de manifeste, de HTTPS et de service worker.

technical

Oui. Prévisualisez et téléchargez le ZIP du favicon propre sans créer de compte. Le jeu d'icônes est rendu sur nos serveurs, donc l'utilisation gratuite a une allocation et Premium supprime le plafond.

pricing

Un favicon est la petite icône affichée dans les onglets du navigateur, les favoris et l'historique, avec les tailles d'icônes associées utilisées pour les raccourcis de l'écran d'accueil et des applications installées. Commencez ici avec un logo, des initiales ou un emoji ou symbole, puis téléchargez le jeu d'icônes ainsi que le site.webmanifest dans un seul ZIP.

usage

Oui. Choisissez Créer à partir des initiales pour saisir un à trois caractères, un style de texte et des couleurs de premier plan/arrière-plan, ou choisissez Créer à partir d'un emoji pour un symbole et un arrière-plan. Le panneau de conception approprié s'ouvre automatiquement, la source est prévisualisée en local, et rien n'est généré tant que vous n'avez pas choisi l'action favicon.

features

Oui — l'outil d'import accepte les fichiers sources PNG, JPEG, WebP et SVG, pas seulement PNG. Le SVG vaut la peine d'être utilisé si vous l'avez : parce qu'il est vectoriel, chaque taille de sortie de 16 à 512 est rendue à neuf à partir des données vectorielles au lieu d'être agrandie depuis une image matricielle, si bien que les contours restent nets même en 512×512. JPEG et WebP fonctionnent très bien aussi, mais vous devriez d'abord aplatir toute transparence sur un arrière-plan, car le JPEG ne peut pas conserver de canal alpha.

technical

Choisissez Utiliser une image ou un logo, importez le PNG et générez le pack. Il inclut un favicon.ico multi-résolution, des tailles PNG, des icônes Apple et Android, le site.webmanifest et un extrait HTML dans un seul ZIP. Vous pouvez aussi partir d'un JPEG, WebP ou SVG, ou changer de mode pour concevoir un monogramme à partir d'initiales ou utiliser un emoji ou symbole.

usage

Oui — Pixoate prend en charge le traitement par lots et en masse. Passez en mode Batch, ajoutez jusqu'à 60 images sources sur Premium ou 200 sur Pro, définissez vos options une fois et chaque image source est traitée avec les mêmes paramètres avant de télécharger un ZIP contenant une archive complète de pack de favicon par image source. Le traitement en masse est une fonctionnalité Premium ; la sortie utilise la même qualité et les mêmes paramètres que le mode unique.

features

Oui : avec le traitement en masse, vous configurez les paramètres une seule fois et ils s'appliquent à chaque élément du lot – jusqu'à 60 images sources sur Premium ou 200 sur Pro. Il n'est pas nécessaire de répéter la configuration pour chaque élément, et les fichiers temporaires téléchargés et générés sont traités en toute sécurité et supprimés automatiquement.

usage

Il s’agit presque toujours de l’une de ces trois causes. Le fichier dépasse la limite d’importation gratuite de 11 MB : Premium accepte 50 MB et Pro 120 MB. Le format n’est pas pris en charge par cet outil ; consultez la liste affichée dans le panneau d’importation. Ou le fichier n’est pas réellement au format indiqué par son nom : renommer un fichier ne modifie pas son contenu, ce qui explique le rejet d’un fichier apparemment valide.

troubleshooting

Oui - ajustez les entrées et générez à nouveau autant de fois que nécessaire ; rien n'est verrouillé jusqu'à ce que vous téléchargiez. Vérifiez le résultat à la taille dans laquelle il sera réellement utilisé, car quelque chose qui se lit clairement à l'écran peut échouer une fois imprimé en petit ou affiché sur un téléphone.

troubleshooting

Non. Vous pouvez exécuter Favicon Generator et télécharger le résultat gratuitement sans compte, et il ne comporte aucun filigrane. Premium est ce que vous achetez lorsque les limites commencent à se faire sentir : jusqu'à 60 fichiers en un seul lot, des téléchargements plus importants, pas de limite quotidienne et le résultat dans la résolution d'origine. Rien n'est révélé lors de l'étape de téléchargement qui n'était pas visible avant de commencer.

pricing

Non — Favicon Generator fonctionne dans le navigateur sur ordinateur comme sur téléphone. Rien à installer, aucun essai à démarrer et aucune licence à acheter avant de vérifier qu’il répond à vos besoins. Essayez-le avec le fichier qui vous pose réellement problème plutôt qu’avec un exemple.

troubleshooting

Comment Générateur de favicon vous aide à mener à bien vos tâches

De vrais problèmes qu'il résout chaque jour, pour les entreprises, les créateurs et les tâches quotidiennes. Trouvez le cas d’utilisation qui vous convient et lancez-vous.

Pour les développeurs

Lancements d'indie hackers

Les fondateurs solo qui lancent leur MVP ont besoin d'un favicon soigné avant le lancement. Générez toutes les tailles à partir d'une seule image de logo, ainsi que le manifeste, en un clic — sans Figma ni abonnement à un outil de design.

Pour les entreprises

Configuration des clients d'agence

Lors de la livraison d'un nouveau site client, le jeu de favicons est rarement budgété mais toujours attendu. Générez le ZIP à la fin du projet, déposez-le dans /public et cochez le livrable.

Pour les développeurs

Installabilité PWA

Pour passer le contrôle d'installabilité de Chrome, votre manifeste a besoin d'icônes en 192×192 et 512×512. Notre sortie répond à cette exigence dès le départ, avec en prime les balises HTML correspondantes dans l'en-tête.

Pour les entreprises

Espaces de travail multimarques

Les agences et consultants qui jonglent avec plusieurs marques clientes peuvent régénérer le jeu de favicons en 10 secondes à chaque refonte de marque — sans avoir à maintenir une action Photoshop.

Pour les développeurs

Identité visuelle de projet open source

Les sites GitHub Pages, Vercel, Netlify et Cloudflare Pages ont tous besoin de favicons pour faire bonne figure dans les onglets du navigateur. Déposez les fichiers générés dans votre dépôt et votre projet aura tout de suite l'air finalisé.

Commercialisation

Refonte de marque

Lorsque votre logo change, régénérez toutes les tailles nécessaires, y compris l'icône Apple touch de 180px et l'icône PWA Android de 512px, sans réexporter manuellement depuis Illustrator.

Pour les développeurs

Icônes pour un manifeste d'extension de navigateur

Récupérez les PNG de 16, 32 et 48 px directement dans le ZIP pour l'objet icons de votre manifest.json — un moyen rapide d'obtenir des icônes d'extension conformes sans exporter chaque taille à la main dans un outil de conception.

Web et SEO

Comblez le manque de favicon sur les sites no-code

Webflow, Framer et Wix génèrent rarement un jeu complet de favicons par eux-mêmes ; téléversez votre logo ici et collez les tailles obtenues et l'extrait HTML dans le panneau de code personnalisé ou de réglages SEO du site en quelques minutes.

Usage personnel

Donnez une allure aboutie à un blog de passionné

Les blogs personnels sur Ghost, Jekyll ou Hugo sont souvent livrés sans aucun favicon ; générez le jeu complet à partir d'un portrait ou d'un logo dessiné à la main pour que l'onglet du navigateur paraisse intentionnel plutôt que vide.

Commercialisation

Corrigez le favicon signalé dans un audit SEO

Un favicon manquant ou défectueux est un signalement courant dans Lighthouse et les rapports des robots d'analyse SEO, et il nuit discrètement au taux de clic dans les résultats de recherche et les favoris. Régénérez le jeu complet en un seul envoi et réglez ce problème dès aujourd'hui.

Voyez chaque transformation prendre forme

Chaque photo franchit la séparation intacte et ressort finalisée.