QuokkaPix

Générateur de favicon

Créez favicon et icônes d’application depuis une image

Utilisez cette page lorsqu’un logo ou signe carré doit devenir un paquet d’icônes pour site, application web ou PWA. QuokkaPix exporte les tailles PNG courantes localement afin de vérifier netteté et marges avant intégration.

Sans téléversementLocal dans le navigateurGratuit
Le bouton ci-dessous ouvre l’éditeur QuokkaPix avec cet outil déjà sélectionné.

Ce que fait cet outil

Générez favicon, Apple touch icon et icônes PNG PWA localement dans le navigateur sans téléverser le logo.

16 à 512 px
ZIP local
Icônes web et PWA

Comment ça marche

1
Chargez un logo carré ou centré.
2
Ouvrez le paquet favicon/app icon.
3
Vérifiez marges, contraste et forme aux petites tailles.
4
Téléchargez le ZIP d’icônes PNG.

FAQ

Mon logo est-il envoyé ?

Non. La génération d’icônes s’exécute localement dans le navigateur.

Quelles tailles sont générées ?

Le paquet inclut des tailles courantes comme 16, 32, 48, 180, 192 et 512 px.

Contrôles pratiques

Un favicon n’est pas une seule icône carrée

Un ensemble de favicon doit fonctionner dans les onglets du navigateur, les favoris, les raccourcis épinglés et les petits aperçus mobiles. Commencez par une marque simple et très contrastée, puis évitez le texte qui disparaît à 16 px. Exportez les tailles attendues et vérifiez si la plus petite version reste reconnaissable sans dépendre uniquement de la couleur. Gardez une icône master séparée, car les fichiers favicon générés sont des assets de livraison, pas une source de design.

1
Utilisez une forme simple avec un fort contraste.
2
Vérifiez les versions 16 px et 32 px avant publication.
3
Gardez le logo ou l’icône source séparé des fichiers favicon générés.

Tester le 16 px avant de valider le pack

Un favicon échoue d’abord dans la plus petite taille. Avant d’utiliser le ZIP généré, ouvrez séparément les PNG 16 px et 32 px, pas seulement la grande icône 512 px. Texte fin, mascotte détaillée et logo horizontal disparaissent souvent dans un onglet de navigateur. Une bonne source est généralement un signe simplifié, très contrasté, avec assez d’espace autour. Gardez le fichier de marque original séparément pour régénérer le pack avec un autre recadrage ou fond.

1
Contrôler 16 px et 32 px comme fichiers réels.
2
Éviter les marques remplies de petit texte.
3
Conserver un master carré propre pour les prochains packs.

Pages liées

Si vous avez besoin de l’étape suivante, ouvrez l’outil adapté et continuez dans le même éditeur.