Hoppa till huvudinnehåll

Så här skapar du en site.webmanifest för en enkel webbapp

Av Converty Team

Lär dig hur en enkel site.webmanifest passar in i favoritikoner och appikonpaket för en liten webbapp eller startsida.

Så här skapar du en site.webmanifest för en enkel webbapp

En site.webmanifest hjälper en webbläsare att förstå appliknande metadata för en webbplats eller webbapp, inklusive ikoner som kan användas för installations- och genvägsytor. Det är inte hela favicon-paketet, och det är inte en ersättning för ikonfilerna. Det är filen som hjälper till att koppla dessa tillgångar till webbplatsen.

Convertys Favicon / App Icon Generator innehåller en startsida site.webmanifest tillsammans med favicon och appikoner, vilket gör det användbart för enkla webbappar, SaaS-lanseringar och små marknadsföringswebbplatser som snabbt behöver det gemensamma paketet.

Vad ett manifest gör

Ett manifest beskriver information som appen eller webbplatsens namn och ikonreferenser. I ett enkelt arbetsflöde hjälper det att ansluta genererade ikonfiler till ytor som kan använda dem.

Det viktiga är att manifestet refererar till tillgångar. Om ikonfilerna inte finns i projektet kan manifestet inte på ett magiskt sätt tillhandahålla dem. Paketet och manifestet hör ihop.

Börja med ikonpaketet

För en enkel webbapp bör arbetsflödet börja med källbilden:

  1. Förbered en fyrkantig, läsbar källbild.
  2. Öppna Favicon / App Icon Generator.
  3. Ange webbplatsens eller appens namn där det är relevant.
  4. Skapa favicon, PNG-ikon, Apple-pekikon, Android-klar ikon och manifestpaket.
  5. Placera filerna i området för offentliga tillgångar i projektet.
  6. Referera till relevanta ikoner och manifest från webbplatsinställningen.

Detta håller manifestet knutet till filerna det behöver.

Håll startmanifestet praktiskt

Ett startmanifest är inte en fullständig produktkonfigurationsstrategi. Det ger dig en användbar baslinje för vanliga ikonreferenser och appmetadata. Beroende på den slutliga appen kan du fortfarande behöva redigera namn, färger, visningsbeteende eller sökvägar för att matcha det distribuerade projektet.

Det är därför Converty bäst förstås som förpackningssteget. Det hjälper till att skapa de filer som många projekt behöver, sedan äger din app eller ramverk den slutliga integrationen.

För hela paketchecklistan, läs Vilka filer behöver du i ett faviconpaket?. För lanseringsspecifik tillgångsförberedelse, läs Hur man förbereder favoriter och appikoner för en SaaS-lansering.

Öppna Favicon / App Icon Generator när du behöver en starter site.webmanifest med de ikoner som den refererar till.

Du kanske också gillar