Générateur d’icônes PWA
Créez en une fois des icônes 192x192 et 512x512 et un fichier site.webmanifest déjà configuré pour votre PWA.
Click or drag image here
Supports PNG, JPG, SVG, WEBP
Confidentialité / Sécurité
- Traitement des fichiers directement dans le navigateur
- Aucun téléversement permanent sur le serveur
- Suppression automatique des données après génération
Pour qui ?
- Développeurs front‑end / full‑stack
- Designers UI / UX
- Indie hackers
- Fondateurs de produits SaaS
Cas d’usage
- Icônes d’applications PWA
- Icônes « Ajouter à l’écran d’accueil » Android Chrome
- Amélioration de l’expérience d’installation Web App
- Icônes temporaires d’applications
Générez des icônes de Progressive Web App en quelques secondes
Les Progressive Web Apps (PWA) exigent des tailles d’icônes précises et un manifest valide. Notre outil génère automatiquement toutes les icônes PWA nécessaires ainsi qu’un fichier site.webmanifest prêt à être intégré à partir d’une seule image téléversée.
Qu’est‑ce qu’une icône PWA ?
Les icônes PWA sont utilisées lorsque l’utilisateur installe votre application web sur son appareil. Elles apparaissent à plusieurs endroits et donnent à votre app une apparence proche d’une app native :
- Écrans d’accueil Android
- Lanceurs d’applications
- Écrans de sélection des tâches
- Écrans de démarrage / splash screens
Des icônes PWA bien configurées rendent votre application web plus professionnelle et cohérente sur tous les appareils.
Tailles d’icônes PWA recommandées (conseils Google)
Icônes Android Chrome
- 192x192 – Icône pour l’écran d’accueil
- 512x512 – Icône pour le lanceur d’apps et l’écran de démarrage
Ces tailles sont requises par les navigateurs modernes pour réussir les vérifications d’installation PWA.
Fichiers générés pour vous
Fichiers d’icônes
- android-chrome-192x192.png
- android-chrome-512x512.png
Fichier manifest
- site.webmanifest (préconfiguré)
Exemple :
{
"name": "My PWA App",
"short_name": "MyApp",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"display": "standalone"
}Pourquoi utiliser favicon.pub pour vos icônes PWA
- Tailles d’icônes conformes aux recommandations Google
- Manifest web généré automatiquement
- Aucun redimensionnement manuel à effectuer
- Fonctionne avec n’importe quelle image PNG, JPG ou SVG
- Téléchargement immédiat et gratuit
Comment ajouter les icônes PWA à votre site
- Téléversez votre logo ou votre image.
- Téléchargez les icônes PWA générées et le manifest.
- Placez les fichiers dans le répertoire racine de votre site.
- Ajoutez la balise de lien vers le manifest dans votre HTML.
<link rel="manifest" href="/site.webmanifest">Icône PWA vs favicon
| Type | Utilisation | Tailles requises |
|---|---|---|
| Favicon | Onglets du navigateur | 16x16, 32x32 |
| Icône PWA | Installation et lancement de l’app | 192x192, 512x512 |
Questions fréquentes
Dois‑je fournir à la fois une icône 192x192 et 512x512 ?
Oui. Les navigateurs modernes attendent ces deux tailles pour une installation PWA correcte et pour éviter les avertissements dans Lighthouse ou les outils d’audit.
Puis‑je utiliser des icônes SVG pour les PWA ?
Pour une compatibilité maximale, il est recommandé d’utiliser des icônes PNG, même si votre source est un SVG. Notre générateur produit des PNG qui fonctionnent de manière fiable sur la plupart des navigateurs et plateformes.
Téléversez votre image et générez vos icônes PWA maintenant