Ein site.webmanifest hilft einem Browser, App-ähnliche Metadaten für eine Website oder Web-App zu verstehen, einschließlich der Symbole, die für Installations- und Verknüpfungsoberflächen verwendet werden können. Es handelt sich nicht um das gesamte Favicon-Paket und es ist kein Ersatz für die Symboldateien. Es ist die Datei, die dabei hilft, diese Assets mit der Site zu verbinden.
Der Favicon / App Icon Generator von Converty enthält neben Favicon- und App-Icon-Ausgaben einen Starter site.webmanifest, was ihn für einfache Web-Apps, SaaS-Starts und kleine Marketing-Sites nützlich macht, die das gemeinsame Paket schnell benötigen.
Was ein Manifest bewirkt
Ein Manifest beschreibt Informationen wie den App- oder Site-Namen und Symbolverweise. In einem einfachen Arbeitsablauf hilft es dabei, generierte Symboldateien mit Oberflächen zu verbinden, die sie verwenden können.
Der wichtige Punkt ist, dass das Manifest auf Assets verweist. Wenn die Symboldateien nicht im Projekt vorhanden sind, kann das Manifest sie nicht auf magische Weise bereitstellen. Das Paket und das Manifest gehören zusammen.
Beginnen Sie mit dem Symbolpaket
Für eine einfache Web-App sollte der Workflow mit der Quellgrafik beginnen:
- Bereiten Sie ein quadratisches, lesbares Quellbild vor.
- Öffnen Sie den Favicon / App Icon Generator.
- Geben Sie ggf. den Site- oder App-Namen ein.
- Generieren Sie das Favicon, das PNG-Symbol, das Apple Touch-Symbol, das Android-fähige Symbol und das Manifestpaket.
- Platzieren Sie die Dateien im Bereich „Public Assets“ des Projekts.
- Verweisen Sie auf die relevanten Symbole und das Manifest im Site-Setup.
Dadurch bleibt das Manifest an die benötigten Dateien gebunden.
Halten Sie das Startermanifest praktisch
Ein Starter-Manifest ist keine vollständige Produktkonfigurationsstrategie. Es bietet Ihnen eine nützliche Grundlage für allgemeine Symbolreferenzen und App-Metadaten. Abhängig von der endgültigen App müssen Sie möglicherweise noch Namen, Farben, Anzeigeverhalten oder Pfade bearbeiten, um sie an das bereitgestellte Projekt anzupassen.
Deshalb wird Converty am besten als Verpackungsschritt verstanden. Es hilft dabei, die Dateien zu erstellen, die viele Projekte benötigen. Anschließend übernimmt Ihre App oder Ihr Framework die endgültige Integration.
Die vollständige Paket-Checkliste finden Sie unter Welche Dateien benötigen Sie in einem Favicon-Paket?. Informationen zur startspezifischen Asset-Vorbereitung finden Sie unter So bereiten Sie Favicons und App-Symbole für einen SaaS-Start vor.
Öffnen Sie den Favicon/App Icon Generator, wenn Sie ein Starter-site.webmanifest mit den darin enthaltenen Symbolen benötigen.
