ConvertPixel · WEB APP

ConvertPixel zum Home-Bildschirm hinzufügen

Safari installiert diese Web-App über das Teilen-Menü. Danach öffnet sie sich wie eine App, und bereits verwendete Werkzeuge bleiben offline verfügbar.

  1. Tippe in der Safari-Symbolleiste auf „Teilen“.

  2. Wähle „Zum Home-Bildschirm“ und tippe dann auf „Hinzufügen“.

App-Icon-Generator

Beginne mit einem intelligent zugeschnittenen Bild, Text, 106 integrierten Symbolen, deinem eigenen SVG-/Iconfont-Satz oder einem reproduzierbaren Identicon und exportiere alle Größen für Android, iOS, watchOS, Wear OS, macOS, tvOS und das Web. Alles wird lokal im Browser erzeugt.

Favicon-GeneratorWeb ist vorausgewählt. Das ZIP enthält Browser-Fallback, Home-Screen- und PWA-Icons sowie den passenden Referenzcode.Porträt-Hintergrund entfernenFür Personen entwickelt · 6,6 MB lokales Modell
Wird im erzeugten Web-Manifest verwendet.

Vordergrund gestalten

Schatten
Gilt nur für Plattformen ohne eigene Maske. iOS und adaptive Android-Icons werden vom System maskiert.

Vorschau

Die stärkste Android-Launcher-Maske. Sie bestimmt den Sicherheitsbereich — alles außerhalb des einbeschriebenen Kreises wird abgeschnitten.

Alles außerhalb des Kreises kann von einer Android-Launcher-Maske abgeschnitten werden.

Plattformen

Die Erstellung läuft vollständig in diesem Tab, ohne Upload. Unterstützte Browser speichern bereits verwendete Funktionen für die erneute Offline-Nutzung.

Anforderungen der einzelnen Plattformen

61 Dateien für 7 Plattformen.

Android

Adaptive-Icon-Ebenen für jede Dichte, eine monochrome Ebene für thematische Icons, Legacy-Fallbacks und das Play-Store-Listingbild.

  • Nur ein mittiger Kreis mit 66 dp Durchmesser innerhalb der 108-dp-Ebene bleibt garantiert sichtbar. Gerätemasken reichen teilweise bis 33 dp vom Mittelpunkt; wichtige Inhalte außerhalb dieses Kreises können daher abgeschnitten werden.
  • Die Hintergrundebene muss vollständig deckend sein; die Vordergrundebene darf Transparenz enthalten. Ein transparenter Hintergrund erscheint in manchen Launchern schwarz oder undefiniert.
  • Das Play-Store-Bild ist eine 512×512 große 32-Bit-PNG ohne Transparenz. Runde Ecken und Schatten nicht einbauen — Google fügt beides automatisch hinzu, sonst erscheint der Effekt doppelt.

iOS

Standard-, Dunkel- und Getönt-Varianten mit 1024 px in einem fertigen Xcode-Asset-Katalog plus saubere Ebenen für den neueren Icon-Composer-Ablauf.

  • Seit Xcode 15 genügt für iOS, iPadOS und watchOS ein einziges Bild mit 1024×1024 Pixeln — wähle im Asset-Katalog das App-Icon-Set mit nur einer Größe. Generatoren mit siebzehn Dateien bilden einen älteren Ablauf ab.
  • Keine Transparenz. Ein Alphakanal ist einer der häufigsten Gründe für abgelehnte App-Store-Einreichungen; deshalb wird er vor dem Export entfernt.
  • Keine abgerundeten Ecken einbauen. iOS wendet eine eigene Maske an; selbst gerundete Ecken werden ein zweites Mal maskiert und sehen sichtbar falsch aus.
  • Apple unterstützt jetzt Standard-, Dunkel-, Clear- und Getönt-Darstellungen. Der Export liefert kompatible Standard-, Dunkel- und graustufige Getönt-Assets; die sauberen Ebenen lassen sich in Icon Composer für Liquid Glass und Clear weiterverarbeiten.

watchOS

Eine aktuelle 1088×1088-Arbeitsfläche für Icon Composer plus ein 1024-px-Kompatibilitätsasset für ältere watchOS-Kataloge.

  • Apples aktuelle Icon-Composer-Arbeitsfläche für die Apple Watch misst 1088×1088, ältere Einheitsgrößen-Kataloge verwenden 1024 px. Beide Varianten werden exportiert, damit aktuelle und kompatible Abläufe abgedeckt sind.
  • Watch-Icons werden immer in einem Kreis dargestellt. Halte das Motiv mittig und fern von den Ecken, die nie sichtbar sind.

Wear OS

Play-Store-Listingbild für Watch-Apps mit dem engeren Sicherheitsbereich, den Watch-Einträge benötigen.

  • Wear-OS-Apps werden über denselben Play Store verteilt. Das Listingbild ist daher 512×512 Pixel groß und nicht transparent — wichtige Inhalte müssen jedoch im mittigen Bereich von 384×384 Pixeln bleiben, da der Rand beschnitten werden kann.
  • Eine Schattenmaske wird automatisch angewendet. Verwende daher eine Grafik ohne eigenen Schatten.

macOS

Ein vollständiges Iconset in allen benötigten Größen plus eine fertige .icns-Datei — macOS kann diese weiterhin nicht aus nur einem Bild erzeugen.

  • macOS ist die Ausnahme im Ein-Bild-Ablauf: Der Asset-Katalog verlangt weiterhin jede Größe einzeln, deshalb wird hier das komplette Iconset erzeugt.
  • Die Dateinamen im .iconset-Ordner sind fest vorgegeben. Umbenennen führt dazu, dass iconutil fehlschlägt; behalte die exportierte Struktur unverändert bei.
  • Anders als iOS maskiert macOS Icons nicht in eine feste Form. Nutzer sehen genau die gelieferte Silhouette; die Grafik sollte daher bereits die gewünschte Form besitzen.

tvOS

Mehrschichtige Parallax-Icons in beiden benötigten Größen sowie beide Top-Shelf-Bilder. Die einzige Plattform hier mit nicht quadratischen Icons.

  • Apple-TV-Icons bestehen aus Ebenen statt aus einem flachen Bild: standardmäßig drei (Back, Middle, Front, maximal fünf), die sich beim Fokussieren gegeneinander bewegen. Ein einzelnes flaches Bild wird akzeptiert, verliert den Effekt aber vollständig.
  • Beide Icon-Größen haben das Seitenverhältnis 5:3 statt quadratisch zu sein — 800×480 für den Home-Bildschirm und 1280×768 für den App Store. Quadratische Grafiken erhalten an beiden Seiten Hintergrundflächen.
  • Für eine Einreichung ab tvOS 9.0 sind beide Top-Shelf-Bilder erforderlich: 1920×720 und die breite Variante mit 2320×720. Fehlt eines, wird die Einreichung blockiert.

Web

Favicon, Apple-Touch-Icon, PWA-Manifest-Icons und eine maskierbare Variante sowie passende HTML- und Manifest-Snippets.

  • Ein maskierbares PWA-Icon wird von der Plattform ähnlich wie ein adaptives Android-Icon maskiert. Es gilt daher derselbe mittige Sicherheitsbereich — ein Icon, das die gesamte Fläche füllt, verliert seine Ränder.
  • Das apple-touch-icon darf nicht transparent sein: iOS legt es auf Schwarz, sodass transparente Bereiche auf dem Home-Bildschirm als schwarze Flecken erscheinen.
  • Auch ein modernes favicon.ico enthält Varianten mit 16, 32 und 48 Pixeln in einer Datei — Browser und Betriebssystemoberflächen wählen jeweils unterschiedliche Größen.
DATENSCHUTZ EINGEBAUT

Werkzeug teilen, nicht die Datei

Senden Sie diese Seite weiter. Der Link enthält kein Bild, keinen Dateinamen und keinen Verlauf.