Salta al contingut principal

Com crear un site.webmanifest per a una web app senzilla

Per Converty Team

Aprèn com un site.webmanifest senzill encaixa en l'empaquetat de favicon i icones d'app per a una web app petita o un lloc de llançament.

Com crear un site.webmanifest per a una web app senzilla

Un site.webmanifest ajuda el navegador a entendre metadades semblants a app per a un lloc o web app, incloent-hi les icones que es poden fer servir per a superfícies d'instal·lació i dreceres. No és tot el paquet de favicon i no substitueix els fitxers d'icona. És el fitxer que ajuda a connectar aquests actius amb el lloc.

El generador de favicon / icones d'app de Converty inclou un site.webmanifest inicial al costat dels outputs de favicon i icona d'app, cosa que el fa útil per a web apps senzilles, llançaments SaaS i petits llocs de màrqueting que necessiten ràpidament el paquet comú.

Què fa un manifest

Un manifest descriu informació com el nom de l'app o del lloc i referències d'icones. En un workflow senzill, ajuda a connectar fitxers d'icona generats amb superfícies que els poden utilitzar.

El punt important és que el manifest referencia actius. Si els fitxers d'icona no són presents al projecte, el manifest no els pot proporcionar màgicament. El paquet i el manifest van junts.

Comença pel paquet d'icones

Per a una web app senzilla, el workflow hauria de començar amb l'art font:

  1. Prepara una imatge font quadrada i llegible.
  2. Obre el generador de favicon / icones d'app.
  3. Introdueix el nom del lloc o de l'app quan sigui rellevant.
  4. Genera el favicon, la icona PNG, l'Apple touch icon, la icona preparada per a Android i el paquet de manifest.
  5. Col·loca els fitxers a l'àrea d'actius públics del projecte.
  6. Referencia les icones i el manifest rellevants des de la configuració del lloc.

Això manté el manifest lligat als fitxers que necessita.

Mantén pràctic el manifest inicial

Un manifest inicial no és una estratègia completa de configuració de producte. Et dona una baseline útil per a referències d'icones comunes i metadades d'app. Segons l'app final, potser encara hauràs d'editar noms, colors, comportament de visualització o camins perquè coincideixin amb el projecte desplegat.

Per això Converty s'entén millor com el pas d'empaquetat. Ajuda a crear els fitxers que molts projectes necessiten, i després la teva app o framework posseeix la integració final.

Per al checklist complet del paquet, llegeix Quins fitxers calen en un paquet de favicon?. Per a preparació d'actius específica de llançament, llegeix Com preparar favicons i icones d'app per a un llançament SaaS.

Obre el generador de favicon / icones d'app quan necessitis un site.webmanifest inicial agrupat amb les icones que referencia.

També et pot interessar