Ich habe mal ein wenig recherchiert und möchte hier das Ergebnis mitteilen.

Die Apple Touch Icons können generell benutzt werden um Apps oder Webseiten auf z.B. den Startbildschirm zu pinnen. Ist bei der Webseite dann ein solches Icon hinterlegt wird das „Lesezeichen“ mit ihm hinterlegt und man erhält so einen schönen Wiedererkennungswert.

Generell sollten die Icons in einem transparenten PNG umgesetzt werden.

Es gibt aktuell 4 Größen in denen man die Icons zur Verfügung stellen sollte.

  • 57×57 – IPhone
  • 72×72 – IPad
  • 114×114 – IPhone (4)
  • 144×144 – IPad

Für das Icon gibt es dann noch 3 Effekte die häufig genutzt bzw. automatisch hinzugefügt werden.

Schlagschatten

Der Schlagschatten wird von Apple entweder hinzugefügt oder nicht, beeinflussen kann man das aber nicht. Ist wohl vom Gerät / iOS abhängig.

Abgerundete Ecken

Die abgerundeten Ecken dagegen muss man selber zur Verfügung stellen. Nachfolgend die Größen + kurze Erklärung:

Der Radius für die Ecken beträgt die Icongröße / 6.4. So ergeben sich folgende Größen:

  • 57 Icon — 9 px radius
  • 72 Icon — 11 px radius
  • 114 Icon — 18 px radius
  • 144 Icon — 22 px radius

Scheineffekt

Der Schein auf dem Icon wird von Apple standardmäßig reingezeichnet außer man stellet ein sog. precomposed Logo zur Verfügung. Das kann man also beeinflussen, muss man aber nicht.

Bastian Schwarz

Share
Published by
Bastian Schwarz

Recent Posts

Die W-JAX 2024: Ein Fest für Architekten, Coder und die, die es werden wollen*

Von Marc & Willi – powered by Nostalgie, Nerd-Kultur und einer Prise ChatGPT Die W-JAX…

1 Tag ago

Workshop-Bericht „AI-driven Software-Development mit GPT und Co.“

Anfang November konnte ich an der W-JAX 2024 in München teilnehmen, einer der führenden Entwicklerkonferenzen…

1 Tag ago

Java-Orbit 2024

Der Hype der vergangenen Jahre rund um AI lässt spürbar nach, die immer noch verhältnismässig…

3 Tagen ago

Skift Global Forum 2024 in New York

Skift kennen vermutlich viele Akteure im Tourismus als eines der führenden Newsportale und Marktforschungsunternehmen mit…

2 Monaten ago

imx.Platform News: Veranstaltungsmodul, KML- Download, Referenz- und Stammliste

Neu in der imx.Platform: das Veranstaltungsmodul im Partner Client ist verfügbar. Eine Tour lässt sich…

3 Monaten ago

WeAreDevelopers World Congress 2024

Im Juli waren wir (Benni und Florian) auf dem WeAreDevelopers World Congress. 15.000 Verrückte, die…

4 Monaten ago