Générateur de Favicon - Créez toutes les tailles de Favicon à partir de l’image

Téléchargez n’importe quelle image et obtenez instantanément l’ensemble complet de favicon : 16, 32, 48, 180 (Apple), 192 & 512 (PWA) plus site.webmanifest, emballé en ZIP.

Ajoutez votre logo pour générer toutes les tailles de favicon

Inclut site.webmanifest + extrait HTML

À propos de Favicon Generator

Affiche votre image aux six tailles de favicon utilisées aujourd’hui par les navigateurs (en sautant le chemin .ico ancien dont peu de sites ont encore besoin), plus un manifeste d’application web prêt à être déposé. Ça s’exécute entièrement dans votre navigateur — pas de téléchargement, pas d’attente.

Frequently Asked Questions

Pour les navigateurs et appareils modernes, il faut six tailles : 16×16 et 32×32 pour les onglets du navigateur, 48×48 pour les icônes de site Windows, 180×180 pour l’icône tactile Apple (écran d’accueil iOS), et 192×192 + 512×512 pour les écrans d’accueil Android et les invites d’installation PWA. Notre générateur produit les six plus un site.webmanifest à partir d’une seule image source.

usage

La plupart des navigateurs modernes préfèrent les balises de lien PNG (rel="icon » type="image/png »), donc un fichier ICO n’est plus nécessaire. Nous sautons l’ICO hérité et fournissons des favicons PNG adaptés à chaque cible moderne. Si vous devez prendre en charge Internet Explorer ou Chrome très ancien, vous pouvez convertir séparément un des PNG en ICO.

technical

Un manifest d’application web est un fichier JSON qui indique à Android, Chrome et Edge à quoi votre site doit ressembler lorsqu’il est installé en tant qu’application web progressive — icône, nom, couleur du thème et mode d’affichage. Notre générateur comprend un manifeste de démarrage pointant vers les icônes Android Chrome ; Il suffit de modifier le nom et theme_color.

features

Un PNG carré (1:1) à 512×512 ou plus donne la sortie la plus propre à toutes les tailles. Évitez les détails fins qui disparaissent à 16×16 — les favicons fonctionnent mieux avec une seule forme audacieuse et un contraste élevé. Les PNG transparents fonctionnent ; L’outil les boîte à lettres pour que l’icône soit centrée à toutes les tailles.

tips

Oui — votre image source est redimensionnée via l’API canvas et empaquetée localement en ZIP. Rien n’est téléchargé. Cela permet de générer des icônes pour les produits non commercialisés et les identités de marque avant le lancement.

privacy

Décompressez le téléchargement dans le dossier /public (ou web root) de votre site, puis ajoutez le extrait HTML inclus dans vos balises de lien < tête > : pour les icônes PNG ainsi qu’un lien vers site.webmanifest. Rafraîchissez fortement votre site (Cmd+Shift+R) — les navigateurs mettent en cache les favicons de façon agressive, donc il se peut que vous deviez vider le cache pour que la nouvelle icône apparaisse.

usage

Oui — les PNG 192×192 et 512×512 sont exactement ce que Chrome et Edge recherchent pour qualifier un site comme PWA installable. Avec le manifeste, ils remplissent le test d’installation du PWA du phare.

technical

Oui. Pas de filigranes, pas d’inscription, pas de plafond d’utilisation — et le ZIP est à vous pour toujours. Nous avons ajouté cet outil parce que chaque développeur a besoin d’un ensemble Favicon à terme, et les générateurs existants étaient soit chargés de publicités, soit vous faisaient payer pour des sorties haute résolution.

pricing

Use Cases

Lancement d’un hacker indépendant

Les fondateurs solo qui expédient leur MVP ont besoin d’un Favicon soigné avant le lancement. Générez toutes les tailles à partir de votre unique image de logo et du manifeste en un seul clic — pas de Figma, pas besoin d’abonnement design.

development

Mise en place de l’agence client

Lors de la livraison d’un nouveau site client, le set favicon est rarement budgété mais toujours attendu. Générez le code postal à la fin du projet, déposez-le dans /public, et cochez le livrable.

agency

Installation de PWA

Pour réussir la vérification d’installation Chrome, votre manifeste doit avoir les icônes 192×192 et 512×512. Notre sortie répond à cette exigence dès la sortie de la boîte, ainsi que les balises HTML correspondantes.

development

Espaces de travail multi-marques

Les agences et consultants qui gèrent plusieurs marques clients peuvent régénérer le set favicon en 10 secondes dès qu’un rafraîchissement de marque est lancé — pas besoin de maintenir une action Photoshop.

agency

Branding des projets open source

Les sites GitHub Pages, Vercel, Netlify et Cloudflare Pages ont tous besoin de favicons pour paraître soignés dans les onglets du navigateur. Insérez les fichiers générés dans votre dépôt et votre projet paraît livré.

opensource

Renouvellement du nom

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

branding