PWA Icon Generator - Maak Gratis Maskable Web App Icons

Geef je web app een native look op elk platform met de juiste icoonformaten en padding.

Privacy voorop

  • Bestanden verlaten je browser nooit
  • Geen serverupload
  • Lokaal verwerkt op je apparaat

Wat is een PWA icoon en waarom is een 'Maskable Icon' nodig?

Een PWA icoon is het visuele symbool van een webapp bij 'installatie'. Moderne Android-systemen gebruiken 'maskable iconen' om uitsnijding in diverse vormen mogelijk te maken. Deze hebben een vaste 'safe zone', wat de zichtbaarheid van je merk garandeert in alle systeemthema's.

3 stappen naar een professionele PWA icoonset

Geen hoofdpijn meer over codering of manifest bestanden. Leer hoe je je PWA-icoonproject direct in de browser afrondt in seconden.

  1. Upload de master-icoon (512x512): Gebruik PNG voor de beste kwaliteit.
  2. Gegenereerde Maskable en standaard iconen: Resizing en standaarden gebeuren direct lokaal in de browser.
  3. Kopieer de manifest-snippet en download: Krijg de code en bestanden voor 100/100 punten in Lighthouse.

Pixes.app voordeel

Lighthouse compliance voor een perfecte score. We genereren zowel afbeeldingen als manifest.json code. Alles gebeurt lokaal in de browser voor 100% privacy. Gratis, snel en zonder registratie. Ondersteuning van standaarden van 2026 voor Android en iOS.

Hoe deze tool te gebruiken

  1. Kies de afbeelding met de hoogste resolutie, bij voorkeur een PNG van 512x512 pixels. Klik op 'Kies afbeelding'.
  2. Zodra het bestand is geüpload, genereert onze tool tegelijkertijd versies voor 192x192 (algemeen), 512x512 (Splash Screen) en 'maskable-icon-512x512'.
  3. We genereren de 'icons' array die je in je manifest.json-bestand moet plakken. Klik op 'Kopieer code' en download de volledige set als ZIP-archief.

Gerelateerde tools

Veelgestelde vragen (FAQ)

Welk bestandsformaat is het beste voor PWA?
PNG is de standaard. Transparante PNG's zijn de beste keuze voor compatibiliteit.
Wat is een 'Maskable' icoon?
Het is een icoon dat Android toelaat om deze in verschillende vormen bij te snijden zonder het originele logo te schaden.
Welke iconen moeten in manifest.json?
Ten minste 192x192 en 512x512. Onze tool geeft je het volledige code-blok.
Waarom verschijnt het PWA icoon niet na installatie?
Meestal is een verkeerd pad in manifest.json de oorzaak. Zorg dat de paden exact overeenkomen met je projectmappen.