Apple-Touch-Icon zuschneiden (180×180)
Wenn ein iPhone-Nutzer deine Website zum Home-Screen hinzufügt, zeigt iOS das Apple-Touch-Icon als App-Icon. Spec ist 180×180 Pixel, quadratisch, mit moderner iOS-Maske auf abgerundete Ecken.
Bild hochladen
Ziehen Sie ein Bild hierher oder klicken Sie zum Auswählen
JPEG, PNG, WebP, GIF, AVIF, BMP, TIFF, HEIC · bis 50 MB
Mehrere Bilder gleichzeitig
Stapel von bis zu 50 Bildern mit denselben Einstellungen verarbeiten und als ZIP herunterladen. Aktive Einstellungen: mittiger Zuschnitt im Verhältnis des Zielmaßes, dann skaliert auf 180×180 px, Original-Format
iOS schneidet automatisch auf abgerundetes Quadrat
Du lädst ein scharfes Quadrat hoch, iOS rendert es mit der typischen App-Icon-Maske mit abgerundeten Ecken (der Radius beträgt grob 22 Prozent der Kantenlänge, bei 180 Pixeln rund 40 Pixel). Das heißt: keine wichtigen Bildteile in den Ecken platzieren.
Früher hat iOS einen Glanz-Effekt über das Icon gelegt. Seit iOS 7 ist das verschwunden, deine Source darf flat sein.
Komposition für Touch-Icon
Inhalt zentriert, etwa 15 Prozent Sicherheitsabstand zum Rand. Hintergrund einfarbig oder mit subtilem Verlauf. Komplexe Hintergrund-Texturen werden in der iOS-Auswahl unruhig.
Wenn dein Tool-Logo bunt ist, kann das Apple-Touch-Icon eine vereinfachte Variante davon sein, ein Symbol auf flachem Hintergrund. Spotify, Notion und Linear machen es genauso.
Häufige Fragen
Welche Größe hat das Apple-Touch-Icon?
180×180 Pixel quadratisch. iOS legt automatisch die Ecken-Maske darüber.
Brauche ich noch weitere iOS-Icon-Sizes?
iOS skaliert automatisch herunter. Wer ganz sauber sein will, hinterlegt auch 152×152 (iPad) und 167×167 (iPad-Pro), aber das ist optional.
Weitere Plattformen
Favicon zuschneiden (32, 16, 192, Multi-Size)
Ein Favicon ist nicht eine Datei, sondern eine Familie. 16×16 für Browser-Tab, 32×32 für Bookmarks, 48×48 für Windows-Taskbar, 180×180 für Apple-Touch, 192×192 für Android Web-Manifest. Quadrat zuschneiden, dann downsizen.
OG-Image zuschneiden (1200×630, OpenGraph-Standard)
1200×630 ist der OpenGraph-Standard für Link-Vorschau-Karten. Ein OG-Image im richtigen Format wird auf Facebook, LinkedIn, Slack, WhatsApp und X korrekt angezeigt, ohne wird das Bild zugeschnitten oder gar nicht geladen.
Instagram-Profilbild zuschneiden (rund, 320×320)
Instagram zeigt das Profilbild als Kreis. Du musst aber ein Quadrat hochladen, das die App selbst zu einem Kreis maskiert. Wer das ignoriert, verliert wichtige Bildteile am Rand.