App-Icon-Generator
Was es tut
Nimmt ein Quellbild und erzeugt das Standard-Web-App-Icon-Set als PNGs: die 16- und 32-px-Favicons, das 180-px-apple-touch-icon und die 192/512-px-Manifest-Icons. Jede Ausgabe wird mit hochwertigem Smoothing und zentriertem Contain-Fit gerendert (Letterboxing auf Transparenz, oder ein weißer Hintergrund, wenn du lieber opake Icons hast). Du kannst Größen einzeln oder das ganze Set auf einmal herunterladen.
Dekodieren und Rendern passieren vollständig in deinem Browser - das Bild wird nirgendwo hochgeladen.
So verwendest du es
- Lass ein quadratisches Logo oder Icon in das Feld fallen (PNG mit Transparenz funktioniert am besten).
- Schalte den weißen Hintergrund ein, wenn du opake Icons willst.
- Drücke Icon-Set generieren.
- Lade die Größen herunter, die du brauchst, oder Alles herunterladen.
Eine einzelne 512×512- oder 1024×1024-Master-Datei ist die ideale Quelle; kleinere Quellen funktionieren noch, skalieren bei 512 aber schlecht hoch.
Beispiele
Ein fallen gelassenes 256×256-transparentes PNG erzeugt fünf Dateien: icon-16.png, icon-32.png, apple-touch-icon.png (180), icon-192.png, icon-512.png - exakt das Set, das ein <link rel="icon">- plus Web-Manifest-Workflow erwartet.
Gut zu wissen
- Das ICO-Format wird nicht erzeugt: moderne Browser nutzen alle PNG-Favicons, und das 32-px-PNG deckt den klassischen Anwendungsfall ab.
- Transparenz bleibt standardmäßig erhalten; manche App-Stores und Launcher bevorzugen opake Icons - nutze dafür den Schalter für den weißen Hintergrund.
- Der Contain-Fit schneidet nie ab und staucht nie: nicht-quadratische Quellen bekommen Letterboxing.