site.webmanifest · PWA · manifest.json · Icônes
Générateur de Web App Manifest
Mis à jour : mai 2026
Le site.webmanifest est le fichier JSON qui permet aux navigateurs de traiter votre site web comme une Progressive Web App. Il définit le nom, les icônes, la couleur de thème et le comportement au lancement. Notre générateur de favicon produit un manifest prêt à l'emploi avec tous vos fichiers d'icônes.
site.webmanifest · 192×192 · 512×512 · Gratuit · Sans upload
Contenu d'un site.webmanifest
Le manifest généré suit la spécification W3C Web App Manifest :
{
"name": "Mon App",
"short_name": "Mon App",
"icons": [
{
"src": "favicon-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "favicon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable any"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}Champs clés du manifest
- name — Nom complet de l'app affiché sur l'écran d'accueil et le splash screen.
- short_name — Nom abrégé pour les espaces restreints (libellé de l'icône sur l'écran d'accueil).
- icons — Tableau d'objets icône. Minimum : 192×192 et 512×512.
- theme_color — Couleur de l'UI navigateur (barre d'adresse Chrome Android, barre de statut Safari iOS).
- background_color — Couleur de fond du splash screen pendant le chargement de l'app.
- display — Mode d'affichage :
standalone(sans UI navigateur),fullscreen,browserouminimal-ui.
Comment ajouter le manifest à votre site
Placez site.webmanifest et tous les PNG d'icônes à la racine de votre serveur. Ajoutez cette balise dans votre <head> :
<link rel="manifest" href="/site.webmanifest">Vérifiez que le Content-Type est bien application/manifest+json sur votre serveur. Pour Apache : AddType application/manifest+json .webmanifest. Pour Nginx : ajoutez le type MIME dans mime.types.
Questions fréquentes
Qu'est-ce qu'un site.webmanifest ?
Un site.webmanifest est un fichier JSON qui indique aux navigateurs comment installer et afficher votre application web. Il liste les icônes, le nom de l'app, la couleur de thème et le mode d'affichage. Requis pour le support PWA et le prompt «Ajouter à l'écran d'accueil» sur Android.
Quelles icônes le manifest nécessite-t-il ?
La spécification requiert au minimum une icône 192×192 et une 512×512. L'icône 512 doit avoir purpose: "maskable any". Si votre icône a suffisamment de marge, elle peut servir d'icône maskable.
Comment ajouter un manifest à mon site ?
Ajoutez <link rel="manifest" href="/site.webmanifest"> dans votre <head>. Placez le fichier à la racine du domaine. Le serveur doit le servir avec Content-Type: application/manifest+json.
Mon site a-t-il besoin d'un manifest s'il n'est pas une PWA ?
Pas strictement, mais c'est une bonne pratique. Même les sites non-PWA bénéficient du manifest pour la fonctionnalité «Ajouter à l'écran d'accueil» sur Android et le support de la couleur de thème. C'est un petit fichier sans impact sur les performances.