Quels fichiers sont inclus dans le package ?

favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-96x96.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png et readme.txt avec HTML.

Quelle doit être la taille de mon image source ?

Minimum 512 x 512 pixels. Les images carrées fonctionnent mieux. L'outil se redimensionne à partir de votre source.

Ai-je besoin de tous ces fichiers ?

Oui pour une couverture complète sur tous les navigateurs et appareils. L'icône Apple-Touch est nécessaire pour les signets de l'écran d'accueil iOS.

Où dois-je placer les fichiers favicon ?

À la racine de votre site Web (par exemple, /public dans Next.js, /static dans les sites simples).

Quel HTML dois-je ajouter à mon site Web ?

Le fichier readme.txt dans le ZIP contient toutes les balises de lien requises, prêtes à être collées dans votre élément head.

Est-il compatible avec les favicons SVG ?

L'entrée SVG peut être prise en charge si votre navigateur la gère. Téléchargez une version PNG pour des résultats garantis.

Pourquoi favicon.ico contient-il plusieurs tailles ?

Différents navigateurs et contextes (écrans haute résolution, barre des tâches Windows) utilisent des tailles différentes de l'ICO multi-tailles.

A quoi sert l'icône Apple-Touch ?

Safari sur iOS l'utilise comme icône lorsqu'un utilisateur enregistre votre site Web sur son écran d'accueil.

A quoi servent les icônes Android-Chrome ?

Chrome sur Android les utilise pour les raccourcis de l'écran d'accueil et les icônes des applications Web progressives (PWA).

Mon favicon doit-il avoir un fond transparent ?

Cela dépend de vos préférences. Pour favicon.ico, les arrière-plans transparents fonctionnent. Les icônes tactiles Apple sont plus belles avec une couleur d'arrière-plan unie.

Cela fonctionne-t-il pour les projets Next.js ?

Oui. Placez favicon.ico dans le répertoire /public et ajoutez les balises de lien à votre _document ou mise en page.

Puis-je utiliser une photo comme favicon ?

C’est possible, mais les icônes ou logos simples fonctionnent beaucoup mieux aux tailles de pixels 16x16 et 32x32.

Comment puis-je vérifier que mon favicon fonctionne ?

Ouvrez votre site dans un nouvel onglet de navigateur. L'icône devrait apparaître dans l'onglet. Actualisation matérielle (Ctrl+Shift+R) si nécessaire.

Y a-t-il une limite de taille sur l’image source ?

Maximum 15 Mo. Les entrées SVG sont analysées si le navigateur le prend en charge.

Ai-je également besoin d’un manifeste d’application Web ?

Pour une prise en charge complète de PWA, oui. Le fichier readme.txt le mentionne et vous pouvez créer un manifeste minimal reliant les icônes Android-Chrome.

Puis-je régénérer avec une image différente ?

Oui. Téléchargez simplement une nouvelle image et générez un nouveau package.

Free Favicon Generator — All Sizes & Formats

Déposez l'image ou cliquez pour téléverser

Recommandé : 512×512 px ou plus · max 15 Mo

Fichiers inclus dans le package ZIP

✓ favicon.ico (16, 32, 48px)
✓ favicon-16x16.png
✓ favicon-32x32.png
✓ favicon-96x96.png
✓ apple-touch-icon.png (180x180)
✓ android-chrome-192x192.png
✓ android-chrome-512x512.png
✓ readme.txt (HTML snippet)

Outils associés

Image Format Converter

image

Convert images between JPEG, PNG, WebP, BMP, TIFF, GIF, and ICO formats.

Try it free

Image Resizer

image

Resize images to exact pixels or percentages with aspect ratio lock and preset sizes.

Try it free

Background Remover

image

Remove image backgrounds instantly using AI — free, no signup, private.

Try it free

Intégrer cet outil

Ajoutez cet outil à votre site avec un extrait iframe.

<iframe src="https://dukotools.com/tools/favicon-generator?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="favicon-generator tool"></iframe>

About Favicon Generator

Favicon Generator crée un package complet de navigateur et de favicon mobile à partir de n'importe quelle image source. Une implémentation appropriée de favicon nécessite plusieurs tailles et formats : favicon.ico doit intégrer des variantes de 16, 32 et 48 pixels pour une compatibilité entre navigateurs, les appareils Apple ont besoin d'un apple-touch-icon.png de 180 x 180 pour les signets de l'écran d'accueil, et Android Chrome nécessite des icônes PNG de 192 x 192 et 512 x 512. Construire tout cela manuellement fait perdre beaucoup de temps. Cet outil génère les sept fichiers en un clic et les regroupe dans un ZIP avec un extrait HTML copié-collé pour que la configuration soit instantanée.

Principales fonctionnalités

Forfait complet de 7 fichiers
Génère favicon.ico (multi-taille), favicon-16x16.png, favicon-32x32.png, favicon-96x96.png, apple-touch-icon.png, android-chrome-192x192.png et android-chrome-512x512.png.
Intégration d'ICO multi-tailles
favicon.ico intègre des variantes 16x16, 32x32 et 48x48 dans un seul fichier pour une compatibilité maximale avec le navigateur.
Aperçu de petite taille
Prévisualisez votre image à 16 x 16, 32 x 32 et 64 x 64 avant de la générer pour vérifier la lisibilité à la taille de l'onglet du navigateur.
Extrait de code HTML
ZIP comprend un fichier readme.txt avec des balises de lien HTML copier-coller pour toutes les icônes.
Téléchargement des archives ZIP
Tous les fichiers sont regroupés dans un seul téléchargement pour un déploiement facile.
Réduction d'échelle LANCZOS
Toutes les tailles sont générées avec un rééchantillonnage LANCZOS de haute qualité pour préserver la netteté des petites tailles.

Comment utiliser

1
Télécharger l'image source
Téléchargez un JPEG ou un PNG. La taille minimale recommandée est de 512 x 512 pixels pour une qualité optimale dans toutes les tailles.
2
Aperçu en petites tailles
Vérifiez les aperçus 16x16 et 32x32 pour vous assurer que votre logo est toujours reconnaissable dans des tailles minuscules.
3
Cliquez sur Générer un package Favicon
Les 7 fichiers sont générés et empaquetés sur le serveur en quelques secondes.
4
Télécharger le fichier ZIP
Téléchargez le favicon-package.zip et extrayez-le dans le répertoire racine de votre site Web.
5
Ajouter un extrait HTML
Copiez les balises de lien HTML du fichier readme.txt dans l'élément d'en-tête de votre site Web.

Cas d'utilisation réels

Lancement d'un nouveau site Web

Un développeur génère un package favicon complet pour un nouveau site client et déploie tous les fichiers en quelques minutes.

Projet de rebranding

Un concepteur met à jour le logo d'une entreprise et régénère le package favicon pour maintenir la cohérence de la marque sur tous les navigateurs.

Configuration de la PWA

Un développeur utilise les icônes 192 x 192 et 512 x 512 du package pour un manifeste Progressive Web App.

Foire aux questions

Related Free Tools

Explore these tools that work great alongside Favicon Generator:

Image Format Converter

Convert images between JPEG, PNG, WebP, BMP, TIFF, GIF, and ICO formats.

Image Resizer

Resize images to exact pixels or percentages with aspect ratio lock and preset sizes.

Background Remover

Remove image backgrounds instantly using AI — free, no signup, private.