Was ist der PWA Asset Generator?
Der PWA Asset Generator ist ein kostenloses Tool, das Ihnen hilft, alle notwendigen Assets für Progressive Web Apps (PWA) aus nur einem Quellbild zu erstellen. Das Tool generiert automatisch favicon.ico, apple-touch-icon, Icons in verschiedenen Größen (16x16, 32x32, 192x192, 512x512...) und eine vollständige manifest.json-Datei. Die gesamte Verarbeitung erfolgt clientseitig, was eine schnelle Geschwindigkeit und absolute Sicherheit für Ihre Bilder gewährleistet.
Standard PWA Icon Größen
Das Tool generiert automatisch Icons gemäß PWA- und Apple-Standards, einschließlich:
Favicon
favicon.ico (32x32) - Icon, das im Browser-Tab angezeigt wird
Mobil & Tablet
192x192, 384x384, 512x512 - Icons für Android und Startbildschirm
Apple Touch Icon
180x180 - Icon für iOS, wenn es zum Startbildschirm hinzugefügt wird
Verschiedene Größen
16x16, 32x32, 48x48, 72x72, 96x96, 120x120, 144x144, 152x152, 167x167
Manifest.json - Das Herz der PWA
Die Datei manifest.json ist die wichtigste Konfigurationsdatei für PWAs und enthält Informationen über:
- •App-Name (name, short_name) - Wird bei der Installation angezeigt
- •Icons - Liste aller Icons mit Größen und Verwendungszwecken
- •Themenfarbe - Hauptfarbe für App-Leiste und Adressleiste
- •Start-URL - Start-URL beim Öffnen der App vom Startbildschirm
- •Anzeigemodus - Anzeigemodus (standalone, fullscreen...)
Hauptmerkmale
HD-Bild Hochladen
Unterstützt PNG/JPEG mit einer Mindestgröße von 512x512px für beste Qualität
Multi-Größen-Icon-Erstellung
Automatische Größenänderung und Erstellung von 13+ Icon-Größen nach PWA- und Apple-Richtlinien
Auto Manifest.json
Generiert Standard-manifest.json mit vollständigen Metadaten und Icon-Referenzen
Favicon.ico
Erstellt Standard-favicon.ico für SEO und Browser-Tab-Anzeige
Verarbeitung auf Client-Seite
100% browserbasierte Verarbeitung, Bilder werden nie auf den Server hochgeladen
ZIP-Download
Packt alle Dateien in eine praktische .zip-Datei
Anwendungsbeispiele
PWA-Entwicklung
Generieren Sie schnell Assets für Progressive Web App-Projekte und sparen Sie Stunden manueller Arbeit
Website-Branding
Erstellen Sie professionelle Favicons und Touch-Icons für Websites, um die Markenbekanntheit zu steigern
Mobile App Landing
Bereiten Sie Assets für installierbare Webseiten vor, die wie native Apps auf Mobilgeräten funktionieren
SEO & UX Vorteile
Favicon erhöht die CTR in SERPs - Benutzer erkennen Ihre Website leichter
PWA verbessert Core Web Vitals - Besseres Google-Ranking
Apple Touch Icon - Native Erfahrung beim Hinzufügen zum iOS-Startbildschirm
Vollständige manifest.json - Google indexiert und versteht Ihre App besser
Wichtige Hinweise
- •Quellbild sollte mindestens 512x512px sein, empfohlen 1024x1024px
- •Verwenden Sie Bilder mit transparentem Hintergrund (PNG) für beste Ergebnisse
- •Die gesamte Verarbeitung erfolgt lokal, Bilder werden nicht auf den Server hochgeladen
- •Die ZIP-Datei enthält: favicon.ico, Icons (13 Größen), manifest.json