Quelles tailles sont incluses ?

L'ensemble habituel comprend des icônes de 16, 32, 48, 180, 192 et 512 pixels, ainsi qu'un fichier favicon.ico contenant plusieurs dimensions.

Que faire avec un logo transparent sur des onglets sombres ?

Utilisez les modes d'aperçu ; envisagez un fond subtil pour les petites tailles.

Comment installer les favicons sur le site ?

Placez les icônes dans le répertoire public/ et déclarez leurs tailles dans l’élément head du document HTML et dans le manifeste d’application web.

Générateur de favicon

Générez un fichier favicon.ico et des icônes PNG de 16 à 512 pixels à partir d'un logo carré. Téléchargez ensuite un fichier ZIP prêt à utiliser sur votre site.

Fichiers et contenus traités localement dans votre navigateur, sans envoi sur notre serveur.

À propos de cet outil

Convertissez un logo carré au format PNG ou SVG en un ensemble complet d'icônes pour votre site. Le fichier ZIP comprend des tailles de 16×16, 32×32, 180×180, 192×192 et 512×512 pixels, ainsi qu'un fichier favicon.ico contenant plusieurs dimensions. Vérifiez le résultat sur des arrière-plans clairs et sombres avant de télécharger l'ensemble.

Mode d'emploi

Icônes PNG en plusieurs dimensions
Fichier favicon.ico contenant les dimensions courantes
Dimensions recommandées pour Apple Touch et PWA
Aperçu sur fond clair ou sombre
Téléchargement sous forme de fichier ZIP
Téléverser le logo: Utilisez une image carrée d'au moins 512×512 pixels afin d'obtenir un meilleur résultat lors de la réduction.
Vérifier les dimensions: Assurez-vous que le logo reste reconnaissable à 16 et 32 pixels.
Télécharger le ZIP: Placez les fichiers dans le dossier public du site et indiquez les dimensions correspondantes dans le document HTML et dans le manifeste de l'application web.

Exemples

Publier des favicons sur des sites statiques Vite/React
Mettre à jour les icônes PWA après une modification de l’identité visuelle
Générer un apple-touch-icon pour les favoris iOS
Créer rapidement un ensemble complet d'icônes sans outil supplémentaire en ligne de commande

Limites

Les logos comportant trop de détails peuvent devenir méconnaissables à 16×16 pixels ; simplifiez le dessin si nécessaire.
Le fichier SVG est converti en PNG et en favicon.ico à la taille maximale choisie.
Le logo téléversé est traité directement dans votre navigateur et n'est envoyé à aucun serveur.

FAQ

Quelles tailles sont incluses ?: L'ensemble habituel comprend des icônes de 16, 32, 48, 180, 192 et 512 pixels, ainsi qu'un fichier favicon.ico contenant plusieurs dimensions.
Que faire avec un logo transparent sur des onglets sombres ?: Utilisez les modes d'aperçu ; envisagez un fond subtil pour les petites tailles.
Comment installer les favicons sur le site ?: Placez les icônes dans le répertoire public/ et déclarez leurs tailles dans l’élément head du document HTML et dans le manifeste d’application web.