Aller au contenu principal

Comment créer un site.webmanifest pour une application Web simple

Par Converty Team

Découvrez comment un simple site.webmanifest s'intègre dans un packaging d'icônes de favicon et d'application pour une petite application Web ou un site de lancement.

Comment créer un site.webmanifest pour une application Web simple

Un site.webmanifest aide un navigateur à comprendre les métadonnées de type application pour un site ou une application Web, y compris les icônes qui peuvent être utilisées pour les surfaces d'installation et de raccourci. Il ne s'agit pas de l'intégralité du package favicon et ne remplace pas les fichiers d'icônes. C'est le fichier qui permet de connecter ces actifs au site.

Le [Favicon / App Icon Generator] de Converty (/fr/favicon-generator) comprend un démarreur site.webmanifest aux côtés des sorties de favicon et d'icône d'application, ce qui le rend utile pour les applications Web simples, les lancements SaaS et les petits sites marketing qui ont besoin rapidement du package commun.

À quoi sert un manifeste

Un manifeste décrit des informations telles que le nom de l’application ou du site et les références des icônes. Dans un flux de travail simple, il permet de connecter les fichiers d'icônes générés aux surfaces qui peuvent les utiliser.

Le point important est que le manifeste fasse référence à des actifs. Si les fichiers d'icônes ne sont pas présents dans le projet, le manifeste ne peut pas les fournir comme par magie. Le package et le manifeste vont ensemble.

Commencez par le package d'icônes

Pour une application Web simple, le flux de travail doit commencer par l’illustration source :

  1. Préparez une image source carrée et lisible.
  2. Ouvrez le Générateur d'icônes Favicon / App.
  3. Saisissez le nom du site ou de l'application, le cas échéant.
  4. Générez le favicon, l'icône PNG, l'icône tactile Apple, l'icône prête pour Android et le package manifeste.
  5. Placez les fichiers dans la zone des biens publics du projet.
  6. Référencez les icônes et le manifeste pertinents à partir de la configuration du site.

Cela maintient le manifeste lié aux fichiers dont il a besoin.

Gardez le manifeste de démarrage pratique

Un manifeste de démarrage n’est pas une stratégie de configuration de produit complète. Il vous donne une base de référence utile pour les références d’icônes courantes et les métadonnées des applications. En fonction de l'application finale, vous devrez peut-être modifier les noms, les couleurs, le comportement d'affichage ou les chemins pour correspondre au projet déployé.

C'est pourquoi Converty est mieux compris comme l'étape de packaging. Il permet de créer les fichiers dont de nombreux projets ont besoin, puis votre application ou framework possède l'intégration finale.

Pour la liste de contrôle complète du package, lisez De quels fichiers avez-vous besoin dans un package Favicon ?. Pour la préparation des ressources spécifiques au lancement, lisez Comment préparer les favicons et les icônes d'application pour un lancement SaaS.

Ouvrez le Favicon / App Icon Generator lorsque vous avez besoin d'un démarreur site.webmanifest fourni avec les icônes auxquelles il fait référence.

Vous aimerez aussi