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


Google Authorship / Google Places / Google Plus Profil

Autor*in: Carsten Becker


infomax // Projekte


Case Study www.hotel-hubertus.de – Personalisierte Suchergebnisse, mehr Vertrauen in die Inhalte und optimale Verknüpfung der Google Profile Wie die SEO Optimierung einer Hotel-Seite die Suchergebnisse verändert, das haben wir gemacht: Basics: Webmastertool und Google Analytics Code im Quellcode hinterlegt und bestätigt! Step 1: Zuerst führten wir den Google Places Account mit den Google Plus Account …


Beitrag lesen
13
MRZ
14

Pünktlich zum Osterausflug: ausflugsticker.bayern geht an den Start

Autor*in: Robert Klauser


infomax   //   Projekte


Ausflugsticker Bayern
Ausflugsticker Bayern

Rechtzeitig zum Osterausflug bringt infomax mit ausflugsticker.bayern die erste landesweite Plattform für digitale Besucherlenkung in Deutschland online. Auftraggeber für dieses innovative Projekt ist die BAYERN TOURISMUS Marketing GmbH in enger Kooperation mit den vier touristischen Regionalverbänden in Bayern (Allgäu/Bayerisch Schwaben, Franken, Oberbayern und Ostbayern).     Wir benötigen Ihre Zustimmung, um Inhalte zu laden!  Wir …


Beitrag lesen
31
MRZ
21

Gewinnspiel: Praxisbuch Usability und UX

Autor*in: Christine Pfleger


Projekte   //   Strategie & Konzeption   //   User Experience & Design


Praxisbuch Usability und UX, Verlag Rheinwerk Computing
Praxisbuch Usability und UX, Verlag Rheinwerk Computing

GEWINNSPIEL! Die dritte Ausgabe unseres Magazins gråd extra ist soeben erschienen! In diesem Zusammenhang verlosen wir ein druckfrisches Exemplar des „Praxisbuch Usability und UX: Was jeder wissen sollte, der Websites und Apps entwickelt – Bewährte Methoden praxisnah erklärt“ von Jens Jacobsen und Lorena Meyer. Das „Praxisbuch Usability und UX“ gibt einen Überblick über bewährte Methoden des …


Beitrag lesen
22
DEZ
17

imx.ContentDelivery API meets Lechradweg

Autor*in: Christine Pfleger


Projekte   //   Technologie


Wer sich im Alltag nicht täglich mit Datenbanken und Schnittstellen beschäftigt, tut sich zugegebenermaßen schwer zu verstehen, warum unsere Entwickler bei der imx.ContentDelivery API ins Schwärmen kommen. Wir haben daher den Senior Entwickler Benjamin Hofmann und den Technischen Geschäftsführer Christian Heindl gebeten, am Beispiel des aktuellen Lechradweg-Projekts so praxisbezogen wie möglich die Vorteile der imx.ContentDelivery API aufzuzeigen.


Beitrag lesen
18
OKT
22