PWA · 192×192 · 512×512 · Maskable · site.webmanifest
Générateur d'Icônes PWA
Mis à jour : mai 2026
Les Progressive Web Apps nécessitent des tailles d'icônes spécifiques dans site.webmanifest pour être installables sur Android et ChromeOS. Cet outil génère les icônes PNG 192×192 et 512×512 correctes depuis votre image — avec le jeu de favicons complet et le fichier manifest.
192×192 · 512×512 · manifest · Gratuit · Sans upload
Quelles icônes PWA sont requises
Les critères d'installabilité de Chrome requièrent :
- Au moins une icône de 192×192 px ou plus dans
site.webmanifest. - Au moins une icône de 512×512 px ou plus pour le splash screen d'installation.
- Les icônes doivent être au format PNG et référencées dans le tableau
iconsdu manifest. - L'icône 512 px doit avoir
purpose: "maskable any"pour le support des icônes adaptatives.
Maskable vs. any — quelle différence ?
purpose: "any" — l'icône est affichée telle quelle, sans masquage. Utilisée pour l'affichage classique du favicon.
purpose: "maskable" — l'icône est conçue pour être rognée en toute sécurité dans n'importe quelle forme. La zone de sécurité est le centre 80% du canvas. Android l'utilise pour les icônes circulaires ou squircle de l'écran d'accueil.
purpose: "maskable any" — l'icône fonctionne pour les deux usages. C'est la valeur recommandée pour l'icône 512 px quand le logo a suffisamment de marge.
Checklist d'installabilité PWA
site.webmanifestvalide lié dans le<head>.- Icônes 192×192 et 512×512 présentes et accessibles.
- Site servi en HTTPS (ou localhost pour les tests).
- Un service worker enregistré (pour une PWA complète — non requis pour l'installation basique sur Chrome 113+).
displaydéfini surstandalone,fullscreenouminimal-ui.
Questions fréquentes
Quelles icônes PWA faut-il ?
Au minimum : un PNG 192×192 et un PNG 512×512 référencés dans site.webmanifest. L'icône 512 doit être maskable. Chrome les utilise pour le prompt d'installation et le splash screen.
Qu'est-ce qu'une icône maskable ?
Une icône maskable garde son graphique principal dans la zone centrale de 80% du canvas, avec 10% de marge de chaque côté. Android utilise cette zone de sécurité pour rogner l'icône en cercle ou squircle sans couper le logo.
Peut-on utiliser une seule icône pour 192 et 512 ?
Non, vous avez besoin des deux tailles séparément. Chrome vérifie leur présence explicite dans le manifest. Notre générateur crée les deux depuis la même image source.
Pourquoi ma PWA n'est-elle pas installable malgré un manifest ?
Vérifiez : (1) le manifest est correctement lié, (2) les icônes 192 et 512 sont accessibles, (3) le site est en HTTPS, (4) display est standalone ou fullscreen. Utilisez Chrome DevTools → Application → Manifest pour déboguer.