Apple Touch Icons nutzen

Datum: 17. Oktober 2012
Autor*in: Bastian Schwarz


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.


Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Projekte


Umzug eines MediaWiki auf neuen Server? Auweh…

Autor*in:


Projekte // Technologie // Über den Tellerrand


Ein kleiner Hinweis an Entwickler und Projektmanager, sollten MediaWiki-Projekte einen Serverumzug erfahren dürfen: Das Problem Versionen vor 1.19.x kommen mit den neuen Versionen der PCRX-Library (Perl Compatible Regular Expressions) nicht zurecht. So gehabt nun bei einem alten Projekt. Das Problem äußert sich dadurch, dass plötzlich auf den Seiten unter der Überschrift keine Contents mehr auftauchen, in der …


Beitrag lesen
03
DEZ
15

Relaunch kloster-seeon.de

Autor*in: Janine Kather


infomax   //   Projekte


Kloster Seeon – wo Innovation und Inspiration auf Tradition und Moderne trifft. Bereits zum dritten Mal durfte infomax die Webseite des ehemaligen Benediktinerklosters neu gestalten.


Beitrag lesen
24
JAN
22

imx.Platform @The Future of German Media

Autor*in: Lena Grothe


infomax   //   Projekte   //   Strategie & Konzeption   //   Über den Tellerrand


Summit in Hannover, Zeit für Perspektivwechsel. Neue Perspektiven erweitern den Horizont, ermöglichen persönliches Wachstum und fördern die Vielfalt. Genau deshalb folgten wir der Einladung der MADSACK Mediengruppe zum „The Future of German Media“ Summit in die Alte Druckerei nach Hannover. Kaum zu glauben, dass an diesem von Papier und Druckerschwärze geprägten Ort, über zwei Tage …


Beitrag lesen
17
MRZ
26

Google Analytics – Parameter verschwindet beim Tracken

Autor*in: Florian Müller


Projekte


Mich hat nun ein Ticket etwas länger verfolgt. Der Kunde wunderte sich, warum der Aufruf /action/search?form=search&ac=on sehr weit oben im Google Analytics Ranking aufgetaucht ist. Wenn man die Volltextsuche der Seite benutzt, ist die URI /action/search?form=search&query=&ac=on. Im Vergleich zu dem genannten Link fehlte der Query Parameter. Insgesamt wurde dieser scheinbar nie getrackt. Nach einigem herumprobieren und Googlen habe …


Beitrag lesen
24
OKT
16