PWA Icon & Manifest Generator
Alle PWA-Assets in einem Schritt: Icons in 8 Standardgrößen, Maskable Icons für Android, Apple Touch Icons, manifest.json mit vollständiger Konfiguration und fertiger HTML-Code — als ZIP-Download.
Wissenswertes zu diesem Tool
Kurz erklärtPWA-Icon-Generator mit optionalem iOS- und Android-Bundle — alle Größen in einem Schritt.
Eine Progressive Web App (PWA) braucht Icons in einer Vielzahl von Größen und Formaten: für den Browser-Tab, für den iOS-Homescreen, für das Android-Launcher-Grid, für Windows-Tiles, für den PWA-Manifest, optional auch für native iOS- und Android-Bundles im Xcode- bzw. Android-Studio-Format. Wer das manuell macht, sitzt eine halbe Stunde an einem Asset-Export — und vergisst dabei oft genau eine Größe, die später zu Anzeige-Problemen auf einem bestimmten Gerät führt. Mit diesem Werkzeug erzeugst du aus einem einzigen Quell-Icon alle benötigten Varianten — lokal im Browser, in unter dreißig Sekunden. PWA-Web (immer dabei). Acht Standard-PWA-Größen (72, 96, 128, 144, 152, 192, 384, 512 px), zwei optionale Maskable-Icons (192, 512 mit Safe-Zone-Padding für Android-PWA-Launcher), neun Apple-Touch-Icons (57–180 px für ältere und neuere iOS-Geräte), eine vollständige "manifest.json", ein HTML-Snippet zum Einkopieren in den "<head>". iOS-Bundle (optional). Das vollständige Xcode "AppIcon.appiconset"-Verzeichnis mit 18 PNG-Dateien für iPhone und iPad plus dem 1024×1024-App-Store-Icon (Apple verlangt das App-Store-Icon explizit ohne Alpha-Channel — der Generator macht das automatisch). Plus die "Contents.json", die Xcode benötigt, um die Größen zu mappen. Android-Bundle (optional). Fünf Density-Buckets (mdpi → xxxhdpi mit 48, 72, 96, 144, 192 px), jeweils mit Standard- und Round-Launcher-Variante, plus Adaptive-Icon-Foreground in jeder Density (108-dp-Leinwand mit Safe-Zone-Padding), XML-Dateien für mipmap-anydpi-v26, separate Hintergrundfarben-Resource, plus das 512×512-Play-Store-Listing-Icon. Prefix/Suffix für Dateinamen. Wer parallele Versionen pflegt (A/B-Tests, White-Label, Versionierung), kann eigene Prefix- und Suffix-Schemata für die Dateinamen setzen. Die nativen Bundles behalten dagegen ihre kanonischen Namen (Xcode und Android Studio erwarten feste Datei-Namen). Best-Practice-Hinweise. Quell-Icon sollte mindestens 1024×1024 Pixel groß sein. PNG mit transparentem Hintergrund ist empfohlen — der Generator fügt dort, wo Plattformen einen festen Hintergrund verlangen (App-Store-Icon, manche Android-Adaptive-Icons), automatisch eine Hintergrundfarbe hinzu, die du im Manifest-Step konfigurierst. Vermeide feine Details, die bei 16×16 unsichtbar werden — was bei 1024 noch erkennbar ist, kann beim Herunterskalieren auf Tab-Icon-Größe verschwinden. Direkte Preselect-URLs. Mit "?platform=ios" startest du den Generator mit aktiviertem iOS-Bundle, mit "?platform=android" mit Android, mit "?platform=both" mit beiden. Praktisch für Marketing-Links und Tutorial-Verweise. Datenschutz. Lokal im Browser. Keine Datei wird hochgeladen. Weiterführend: PWA & App-Icons Geschichte, PWA erstellen — Anleitung, Favicon erstellen.',