App-Icon-Generator
Erstellen Sie App-Icons für iOS, Android, Web, macOS und Windows in allen erforderlichen Größen. Als ZIP herunterladen.
Problem Melden
Sie haben einen Bug gefunden oder einen Vorschlag? Helfen Sie uns, dieses Tool zu verbessern.
Was ist dieses Tool?
Der App-Icon-Generator erstellt plattformspezifische App-Icons in allen benötigten Größen aus einem einzelnen Quellbild. Er generiert Icons für iOS (29 bis 180 px), Android (36 bis 512 px), Web/PWA (16 bis 512 px), macOS (16 bis 1024 px) und Windows (44 bis 500 px). Laden Sie alle Icons nach Plattformen sortiert als deploymentbereites ZIP-Paket mit manifest.json und Contents.json herunter.
Anwendung
- 1
Bild hochladen
Laden Sie ein hochauflösendes quadratisches Bild hoch (PNG, JPEG, WebP oder SVG). Empfohlen: 1024x1024 oder größer.
- 2
Plattformen auswählen
Wählen Sie aus, für welche Plattformen Icons generiert werden: iOS, Android, Web/PWA, macOS und/oder Windows.
- 3
Größen vorschauen
Vorschau aller generierten Icon-Größen für jede Plattform. Prüfen Sie, ob das Design auch in kleinen Größen gut aussieht.
- 4
ZIP herunterladen
Laden Sie ein ZIP mit allen Icons nach Plattformordnern sortiert herunter, inklusive manifest.json für PWA und Contents.json für iOS.
Häufig gestellte Fragen
Welche Bildgröße sollte ich für App-Icons verwenden?
Beginnen Sie mit einem quadratischen hochauflösenden Bild von mindestens 1024x1024 Pixeln. Das ist die größte benötigte Größe (macOS und der Android Play Store). Der Generator skaliert es automatisch auf alle benötigten Größen herunter. Verwenden Sie das PNG-Format für die beste Qualität und vermeiden Sie Bilder mit Text oder feinen Details, die bei der Reduktion unscharf werden können.
Kann ich die Ecken des Icons (abgerundet) anpassen?
Die meisten Plattformen wenden beim Anzeigen automatisch abgerundete Ecken auf Icons an. iOS und Android runden die Ecken ihrer Launcher-Icons ab. Die hier generierten Icons sind quadratische PNGs: Das Betriebssystem kümmert sich um die Abrundung. Für erweiterte Anpassungen (abgerundete Ecken, Schatten) verwenden Sie Design-Tools wie Figma oder Photoshop.
Was ist manifest.json?
Das Web App Manifest (manifest.json) ist eine JSON-Datei, die Browsern mitteilt, wie sich Ihre Progressive Web App (PWA) bei der Installation verhalten soll. Es legt Icons, Anzeigemodus, Namen und Themenfarbe fest. Legen Sie es ins Stammverzeichnis Ihrer Website und referenzieren Sie es im Head Ihres HTML mit einem link-Tag mit dem Attribut rel=manifest.
Brauche ich alle Icon-Größen für den App Store?
Für App Store Connect benötigen Sie in der Regel ein einzelnes Marketing-Icon mit 1024x1024. Für Ihren App-Bundle brauchen Sie verschiedene Größen (29, 58, 87, 120, 152, 167, 180), organisiert in einem AppIcon-Asset-Katalog. Dieser Generator erstellt alle diese Größen, was die Vorbereitung Ihres iOS-Asset-Katalogs erleichtert.
Kann ich Icons mit einer Hintergrundfarbe generieren?
Der Generator gibt genau das Bild aus, das Sie hochladen, skaliert auf jede Größe. Wenn Ihr Bild einen transparenten Hintergrund hat, sind die Icons transparent. Um eine Hintergrundfarbe hinzuzufügen, bearbeiten Sie Ihr Quellbild in einem Design-Tool vor dem Hochladen. Eine einfarbige Hintergrundfarbe wird für bessere Sichtbarkeit auf allen Plattformen empfohlen.