🗜️SquishIt
728 × 90 — Leaderboard
Cookie-Banner ausstehend
Start / Tools / PWA Generator
📱 PWA Tool

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.

Icon
2
Manifest
3
Download
📱
App-Icon ablegen oder klicken
Quadratisch · min. 512×512 px · JPG, PNG, SVG
manifest.json Vorschau ▼
{
  "name": "My App",
  "short_name": "App",
  "description": "",
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#f97316",
  "background_color": "#0a0a0f",
  "lang": "de",
  "dir": "ltr",
  "categories": [
    "utilities"
  ],
  "icons": [
    {
      "src": "/icons/icon-72.png",
      "sizes": "72x72",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-96.png",
      "sizes": "96x96",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-128.png",
      "sizes": "128x128",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-144.png",
      "sizes": "144x144",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-152.png",
      "sizes": "152x152",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-384.png",
      "sizes": "384x384",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-192-maskable.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "/icons/icon-512-maskable.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}
PWA Assets bereit!
0 Icons generiert · manifest.json · HTML-Snippet · README
Nächste Schritte
Icons in /public/icons/ kopieren
Die Icons aus dem ZIP in deinen public-Ordner
manifest.json nach /public/ kopieren
Web App Manifest im Root-Verzeichnis
HTML-Snippet in <head> einfügen
Aus der html-snippet.html Datei
In Lighthouse testen
Chrome DevTools → Lighthouse → PWA
In DevTools prüfen
Application → Manifest → Installierbarkeit