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.

  1. Master Icon (512x512) hochladen: Nutzen Sie PNG für schärfste Ergebnisse.
  2. Erzeugung von Maskable und Standard Icons: Skalierung und Standard-Einhaltung werden sofort gemanagt.
  3. 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

  1. Wählen Sie Ihr am höchsten aufgelöstes Bild, am besten ein PNG-Format mit 512x512 Pixeln. Klicken Sie auf 'Bild auswählen'.
  2. Sobald die Datei hochgeladen ist, generiert unser Tool gleichzeitig die Versionen 192x192 (Allgemein), 512x512 (Splash Screen) und 'maskable-icon-512x512'.
  3. 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.

Verwandte Tools

Häufig gestellte Fragen (FAQ)

Welches Dateiformat ist das beste für PWA?
Das PNG-Format ist der obligatorische Standard. Transparente PNG-Formate sind am besten für die Kompatibilität.
Was ist ein 'Maskable' Icon?
Es ermöglicht Android, Ihr Icon in verschiedene Formen zu schneiden, ohne Ihr Logo zu beschneiden.
Welche Icons muss ich in mein manifest.json einfügen?
Mindestens das 192x192 und das 512x512 Format. Unser Tool liefert Ihnen den kompletten Codeblock.
Warum erscheint mein PWA Icon nach der Installation nicht?
Oft liegt das an einem falschen Pfad in der manifest.json-Datei. Sichern Sie ab, dass die Pfade exakt mit Ihrer Projekt-Ordnerstruktur übereinstimmen.