PWA Icon Generator – Progressive Web App Icons erstellen
Generieren Sie im Handumdrehen alle erforderlichen Icon-Größen und maskierbaren Symbole für Ihre Web-App.
Privatsphäre zuerst
Dateien verlassen deinen Browser nie
Keine Server-Übertragung
Alles wird lokal auf deinem Gerät verarbeitet
Was ist ein PWA Icon und warum ist ein 'Maskable Icon' notwendig?
Ein PWA Icon ist das visuelle Symbol Ihrer Web-App, wenn sie 'installiert' wird. Moderne Android-Systeme nutzen 'Maskable Icons', um Icons in verschiedene Formen zu schneiden. Ein maskable Icon besitzt eine festgelegte 'Safe Zone', die sicherstellt, dass Ihre Marke unabhängig vom Geräte-Theme sichtbar bleibt.
3 Schritte zum professionellen PWA Icon-Kit
Kein Kopfzerbrechen mehr über Coding oder Manifest-Dateien. Erfahren Sie, wie Sie Ihr PWA Icon-Projekt direkt im Browser abschließen.
Master Icon (512x512) hochladen: Nutzen Sie PNG für schärfste Ergebnisse.
Erzeugung von Maskable und Standard Icons: Skalierung und Standard-Einhaltung werden sofort gemanagt.
Manifest-Snippet kopieren und Downloaden: Erhalten Sie Code und Dateien für den 100/100 Lighthouse-Score.
Vorteil von Pixes.app
Volle Lighthouse-Score Einhaltung für ein perfektes 100/100 Zertifikat. Wir generieren sowohl Bilder als auch den manifest.json-Code. Alles passiert lokal in Ihrem Browser für 100% Privatsphäre. Gratis, schnell und ohne Registrierung. 2026 Standards für Android und iOS unterstützt.
So verwendest du dieses Tool
Wählen Sie Ihr am höchsten aufgelöstes Bild, am besten ein PNG-Format mit 512x512 Pixeln. Klicken Sie auf 'Bild auswählen'.
Sobald die Datei hochgeladen ist, generiert unser Tool gleichzeitig die Versionen 192x192 (Allgemein), 512x512 (Splash Screen) und 'maskable-icon-512x512'.
Wir generieren das 'icons'-Array, das Sie in Ihre manifest.json-Datei kopieren müssen. Klicken Sie auf 'Code kopieren' und laden Sie das komplette Kit als ZIP herunter.