Quelle différence entre standalone et minimal-ui ?

Standalone masque toute la barre du navigateur et l'app a l'air native. Minimal-ui garde quelques contrôles en haut (souvent retour et recharger). Fullscreen retire même la barre d'état, pratique pour les jeux.

Quelles tailles d'icônes faut-il vraiment ?

Au minimum des PNG 192×192 et 512×512 ; Chrome et Edge s'en servent pour l'écran d'accueil et le splash. Ajoutez 144×144 pour les anciennes tuiles Windows et un 512×512 en `purpose: maskable` pour qu'Android puisse le rogner sans perdre de détail.

Pourquoi avoir besoin de name ET de short_name ?

`name` s'affiche dans la fenêtre d'installation et le tiroir d'apps ; `short_name` apparaît sous l'icône d'accueil où il n'y a la place que pour environ 12 caractères. Sans lui, l'OS tronque name de façon disgracieuse sur la plupart des téléphones.

Où placer le fichier manifest.json ?

Enregistrez-le comme `manifest.json` (ou `manifest.webmanifest`) à la racine du site et liez-le depuis ` ` avec ` `. Le navigateur le récupère au premier chargement.

Le manifest seul rend-il mon site installable ?

Non. Le navigateur exige aussi un service worker qui gère un événement `fetch`, du HTTPS et au moins une icône 192×192. Le manifest est la couche de métadonnées ; le service worker prouve que le site peut fonctionner hors ligne.

Générateur de manifest.json

Créez des fichiers manifeste PWA

manifest.json

Nom de l'application

Nom abrégé

Description

URL de démarrage

Portée

ID de l'application

Identifie l'application de façon unique entre les installations et les origines. Laissez vide pour utiliser start_url. Un chemin comme /?app ou toute chaîne stable convient.

Langue

Balise BCP 47 de la langue principale de l'application, par ex. fr-FR ou ar. Laissez vide pour laisser l'appareil la déduire.

Sens du texte

Catégories

Catégories de store séparées par des virgules, par ex. productivity, utilities. Elles servent à classer l'installation.

Mode d'affichage

Orientation

Couleur du thème

Couleur de fond

Icônes

URL source

Taille

Type

Objectif

URL source

Taille

Type

Objectif

Vérifications d'installabilité

•Aucune icône masquable. Android rogne une icône carrée, ajoutez-en une avec purpose : maskable.

Aperçu

manifest.json

{
  "name": "Mon appli",
  "short_name": "Appli",
  "description": "Une application web progressive",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#4A90D9",
  "background_color": "#FFFFFF",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    }
  ]
}

Qu'est-ce que Générateur de manifest.json ?

Manifest.json Generator vous aide à créer un Web App Manifest complet pour les Progressive Web Apps. Renseignez les détails de votre application et obtenez un manifest.json prêt à l'emploi avec tous les champs obligatoires et optionnels correctement formatés.

Configurez le nom, le nom court, la description, start_url, scope, le mode d'affichage (standalone, fullscreen, minimal-ui, browser), l'orientation, la couleur de thème, la couleur de fond et autant d'entrées d'icônes que nécessaire avec taille, type et purpose. La sortie respecte la spécification W3C Web App Manifest, donc Chrome, Edge et Safari la reconnaissent lors de l'« Ajouter à l'écran d'accueil ».

Comment utiliser

Saisissez les informations de base de votre application : nom, nom court, description, couleur du thème et couleur d'arrière-plan.
Configurez le mode d'affichage (standalone, fullscreen, minimal-ui), l'orientation, l'URL de démarrage et la portée.
Ajoutez des entrées d'icônes avec les tailles souhaitées, puis copiez ou téléchargez le fichier manifest.json généré pour votre projet.

Quand l'utiliser

Ajouter « Installer l'application » à un projet web existant pour qu'il apparaisse dans le tiroir d'apps.
Personnaliser la couleur du splash et l'icône d'une PWA interne déployée aux équipes terrain.
Générer un manifest minimal pour un boilerplate Next.js ou Vite qui n'en livre pas.

Résultat

Vous convertissez votre site de recettes en PWA. Définissez le nom sur « Mes Recettes », la couleur du thème sur le vert de votre marque, le mode d'affichage sur « standalone », et générez le manifest à placer à la racine de votre projet.

FAQ

Quelle différence entre standalone et minimal-ui ?: Standalone masque toute la barre du navigateur et l'app a l'air native. Minimal-ui garde quelques contrôles en haut (souvent retour et recharger). Fullscreen retire même la barre d'état, pratique pour les jeux.
Quelles tailles d'icônes faut-il vraiment ?: Au minimum des PNG 192×192 et 512×512 ; Chrome et Edge s'en servent pour l'écran d'accueil et le splash. Ajoutez 144×144 pour les anciennes tuiles Windows et un 512×512 en `purpose: maskable` pour qu'Android puisse le rogner sans perdre de détail.
Pourquoi avoir besoin de name ET de short_name ?: `name` s'affiche dans la fenêtre d'installation et le tiroir d'apps ; `short_name` apparaît sous l'icône d'accueil où il n'y a la place que pour environ 12 caractères. Sans lui, l'OS tronque name de façon disgracieuse sur la plupart des téléphones.
Où placer le fichier manifest.json ?: Enregistrez-le comme `manifest.json` (ou `manifest.webmanifest`) à la racine du site et liez-le depuis `<head>` avec `<link rel='manifest' href='/manifest.json'>`. Le navigateur le récupère au premier chargement.
Le manifest seul rend-il mon site installable ?: Non. Le navigateur exige aussi un service worker qui gère un événement `fetch`, du HTTPS et au moins une icône 192×192. Le manifest est la couche de métadonnées ; le service worker prouve que le site peut fonctionner hors ligne.

Générateur de manifest.json

manifest.json

Icônes

Vérifications d'installabilité

Aperçu

Qu'est-ce que Générateur de manifest.json ?

Comment utiliser

Quand l'utiliser

Résultat

FAQ

Outils similaires

Générateur de données structurées

Page web en PDF

Générateur de politique de confidentialité

Générateur de conditions d'utilisation

Générateur de Consentement aux Cookies

Minificateur CSS

Générateur de manifest.json

manifest.json

Icônes

Vérifications d'installabilité

Aperçu