UTILS.
100 % dans le navigateur
📱

Générateur de manifeste d'application web (PWA)

Générez un manifeste d'application web PWA valide (manifest.json) avec icônes, couleurs de thème et mode d'affichage, plus la balise link rel=manifest prête à coller.

— la sortie apparaît ici —
— la sortie apparaît ici —

À propos de cet outil

Le Générateur de manifeste d'application web construit un manifest.json valide pour une Progressive Web App à partir d'un simple formulaire, puis vous remet les balises HTML compagnes à déposer dans le <head> de votre page. Tout est assemblé dans votre navigateur et rien n'est envoyé — vous pouvez copier le JSON, le télécharger sous forme de manifest.json, ou copier les balises link et meta.

Un manifeste d'application web est le fichier JSON qui permet à un site d'être installé sur un écran d'accueil et lancé comme une application native. Cet outil assemble les clés standard — name, short_name, description, start_url, scope, display (standalone, fullscreen, minimal-ui ou browser), orientation, theme_color, background_color et un tableau icons — en supprimant tout champ que vous laissez vide pour que la sortie reste propre. Chaque taille d'icône que vous cochez devient une entrée avec ses src, sizes et type (dérivé de l'extension du fichier), et le purpose facultatif vous permet de marquer les icônes comme maskable. Le résultat est sérialisé avec JSON.stringify à une indentation de deux espaces, donc il est lisible et conforme aux normes.

Utilisez le placeholder {size} dans le chemin de l'icône (par exemple /icons/icon-{size}.png) et il est remplacé par chaque dimension telle que 192x192 et 512x512. Au minimum, un manifeste doit inclure un name, un start_url, un mode display et au moins une icône de 192px et de 512px, qui sont les valeurs par défaut ici. Référencez-le depuis votre page avec la balise <link rel="manifest"> générée et ajoutez la meta theme-color pour l'interface du navigateur.

Foire aux questions

Qu'est-ce qu'un manifeste d'application web ?
C'est un fichier JSON qui décrit votre Progressive Web App — son nom, ses icônes, ses couleurs et la façon dont elle doit se lancer — pour que les navigateurs puissent proposer de l'installer sur l'écran d'accueil et l'ouvrir dans une fenêtre de type application.
Quels champs sont obligatoires ?
Un manifeste utile a besoin au moins de name (ou short_name), d'un start_url, d'un mode display et d'icônes de 192x192 et 512x512. Ce générateur les remplit par défaut ; les autres champs sont facultatifs et omis lorsqu'ils sont laissés vides.
Que signifie « maskable » pour les icônes ?
Les icônes maskable ont un rembourrage sûr pour que les plateformes puissent les rogner en cercles, squircles ou carrés arrondis sans couper votre logo. Réglez le purpose sur « maskable » ou « any maskable » pour les icônes conçues avec cette zone de sécurité.
Comment installer le manifeste sur mon site ?
Enregistrez le JSON sous manifest.json, téléversez-le sur votre site, puis ajoutez les balises générées <link rel="manifest" href="/manifest.json"> et theme-color meta au <head> de chaque page.

Plus d'outils