Afbeelding- en assettools

Gratis Web App Manifest Generator

Genereer een site.webmanifest JSON-bestand voor PWA-klare statische websites.

Tool laden...

Wat is Web App Manifest Generator?

Een webapp-manifest is een JSON-bestand dat browsers vertelt over uw webapplicatie en hoe deze zich moet gedragen wanneer deze op het apparaat van een gebruiker wordt ge锟絥stalleerd. Het regelt de app-naam, pictogrammen, kleuren en startgedrag. Voor statische sites op GitHub Pages is een manifest de belangrijkste stap om de site installeerbaar te maken als Progressive Web App.

Snel antwoord

Een webapp-manifest bepaalt hoe uw site eruitziet wanneer deze op een apparaatstartscherm wordt ge锟絥stalleerd. Het stelt de app-naam, pictogrammen, themakleur en startgedrag in voor PWA-ready statische sites.

Last updated: 2026-06-11

Beperkingen

  • Het manifest werkt alleen via HTTPS. HTTP-sites kunnen het manifest niet gebruiken voor installatieprompts.
  • Het manifest vereist echte pictogramafbeeldingsbestanden op de opgegeven paden. Ontbrekende of onjuist benoemde pictogrammen zorgen ervoor dat de browser het manifest afwijst.
  • Installatiegedrag verschilt tussen Android en iOS. Android gebruikt het manifest voor installatieprompts, terwijl iOS vertrouwt op Apple touch-icon-metatags en geen volledige PWA-installatie vanuit het manifest ondersteunt.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Voer uw sitenaam en een optionele korte naam in die onder 12 tekens past.
  2. Selecteer de weergavemodus: standalone verwijdert browserchrome voor een app-achtige ervaring.
  3. Stel pictogrampaden in naar PNG-afbeeldingen met aanbevolen afmetingen zoals 192x192 en 512x512.
  4. Kopieer het gegenereerde manifest-JSON en sla het op als site.webmanifest in uw siteroot.

Waarvoor je het kunt gebruiken

  • Een statische documentatiesite installeerbaar maken op mobiele startschermen.
  • PWA-metadata toevoegen aan een blog zodat terugkerende lezers het als een app kunnen starten.
  • Een webapp-manifest voorbereiden voordat u een site indient bij een PWA-directory.

Gebruik

Praktische voorbeelden

Voorbeeld

Tool-site met standalone-modus

Een statische site die browsergerichte hulpprogramma's publiceert, stelt weergave in op standalone en theme-color op de koraalkleur van het merk. Bezoekers op Android kunnen de site aan hun startscherm toevoegen en openen zonder adresbalk.

Voorbeeld

Blog met minimaal manifest

Een persoonlijke blog gebruikt alleen naam, korte naam en een 192x192-pictogram. Het laat weergave op browser staan en slaat ori锟絥tatie over. De blog verschijnt als een gewone snelkoppeling maar toont nog steeds een gebrandmerkt pictogram op het startscherm.

Veelgemaakte fouten

  • Pictogrampaden instellen die verwijzen naar ongeldige locaties of ontbrekende bestanden, waardoor de browser het manifest afwijst.
  • Een manifest genereren maar de <link rel='manifest' href='/site.webmanifest'>-tag in de paginakop vergeten, zodat de browser het nooit leest.
  • Fullscreen- of standalone-weergave kiezen voor een inhoudrijke site waar gebruikers nog de adresbalk nodig hebben voor navigatie.

Verificatie

  1. Open Chrome DevTools > Toepassing > Manifest om te controleren of het manifest correct wordt geparseerd en pictogrammen toegankelijk zijn.
  2. Test de site via HTTPS op een Android-apparaat met Chrome en controleer of de prompt 'Toevoegen aan startscherm' verschijnt.

FAQ

Vragen over Web App Manifest Generator

Waar moet ik het manifestbestand plaatsen?

Plaats site.webmanifest in uw siteroot en verwijs ernaar met <link rel='manifest' href='/site.webmanifest'> in de paginakop. Het bestand moet worden geserveerd met het MIME-type application/manifest+json.

Heeft een gewone statische site een manifest nodig?

Een manifest is optioneel maar aanbevolen. Het is de enige manier om te bepalen hoe uw site verschijnt wanneer een gebruiker deze aan het startscherm toevoegt. Zonder manifest gebruikt de browser een generieke screenshot als pictogram.

Welke pictogramformaten zijn vereist voor PWA?

Minimaal 192x192 en 512x512 PNG-pictogrammen. Het 192x192-pictogram wordt gebruikt voor het startscherm en het 512x512-pictogram is vereist voor de installeerbare PWA-badge op Android.

Heb ik een service worker nodig voor het manifest om te werken?

Nee. Het webapp-manifest werkt onafhankelijk van service workers. Het manifest bepaalt hoe uw site verschijnt wanneer deze wordt opgeslagen op een startscherm (naam, pictogram, themakleur, weergavemodus). Een service worker is alleen vereist als u volledige offline functionaliteit, achtergrondsynchronisatie of pushmeldingen wilt. U kunt een manifest toevoegen aan een gewone statische site zonder service worker.

Gerelateerde tools

Meer afbeelding- en assettools

Probeer ook

Probeer ook

Css

CSS Carousel Generator

Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.

Open tool