Web app manifest-gids
Een web app manifest (site.webmanifest) vertelt installeerbare browsers je app-naam, kleuren en welke icoonmaten op het homescreen horen. Combineer het met 192×192- en 512×512-PNG-iconen voor een complete PWA-favicon-setup.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Link het manifest met <link rel="manifest" href="/site.webmanifest">. In de JSON moet de icons-array minimaal 192×192- en 512×512-vermeldingen bevatten met type image/png en purpose any (voeg desgewenst maskable-varianten toe voor Android adaptive icons).
Stel theme_color en background_color in op je merkkleuren — ze bepalen de browserbalk en het splashscreen tijdens installatie.
Hoe het werkt
- 1
Genereer icoon-PNG's
192 en 512 via ons favicon-generatorpakket.
- 2
Maak site.webmanifest aan
Neem name, short_name, icons, theme_color en display op.
- 3
Link in HTML
<link rel="manifest" href="/site.webmanifest"> plus de theme-color meta-tag.
Probeer het nu
Genereer het PWA-icoonpakket
Favicon-generatorVeelgestelde vragen
Is een manifest verplicht voor een gewone website?+
Nee — alleen als je installatie op het homescreen of een rijkere Android-balk wilt. Favicon.ico volstaat voor tabs.
Welke icoonmaten staan in het manifest?+
192×192 en 512×512 zijn vereist voor installatieprompts. Voeg 384 of maskable-iconen toe voor extra polish.
Kan ik SVG gebruiken in het manifest?+
Chromium ondersteunt SVG in sommige gevallen, maar PNG is de veilige standaard voor cross-browser installatie-UI's.
Gerelateerde tools
Favicon-generator
Genereer een compleet favicon-pakket (ICO + PNGs) voor elk apparaat en elke browser.
PNG naar ICO Converter
Gratis online PNG naar ICO converter voor Windows iconen, app-icoontjes en website favicons.
Afbeelding Formaat Wijzigen
Wijzig het formaat van PNG, JPG en WebP afbeeldingen naar exacte afmetingen.