Artikelformat

Apple Touch Icon

Seit kurzem kann man mit der neuen FirmWare bei Iphone und Ipod Touch Bookmarks auf dem Homescreen ablegen. Als Icon wird dabei standardmäßig ein Screenshot der aktuellen Seite angezeigt und entsprechend skaliert.

Wie für das FavIcon gibt es auch hier 2 Möglichkeiten ein eigenes Icon einzubinden. Entweder man legt dieses als „apple-touch-icon.png“ ins Root Verzeichniss oder bindet es über eine Verlinkung als Metatag ein.

<link rel=“apple-touch-icon“ href=“customIcon.png“ />

In beiden Fällen sollte das Icon 57 x 57 Pixel besitzen. Es wird empfohlen keinen Transparenten Hintergrund zu nutzen und das Icon auf 54 x 54 Pixel Arbeitsfläche zu beschränken. Der Glas Effekt wird anscheinend automatisch erzeugt.
Wer hat hier schon Erfahrungen gemacht?

Autor: Rene Kreupl

Bloggt über WebEntwicklung und Fotografie

5 Kommentare

  1. Ich sehe bei meinen Seiten nur das es ohne Ende 404 Fehler wegen der Datei gibt was mich irgendwie nervt.

  2. Der 404 Fehler wird erzeugt, wenn ein RSS-Feedreader, wie z.B. Reeder for Mac, die Seite aufruft. Der testet einfach, ob die Datei apple-touch-icon.png im Root-Verzeichnis liegt und versucht diese zu laden. Wenn die Datei nicht existiert ergibt das einen 404.

  3. das war bei microsofts favicon genauso
    war es da konnte man es sehen
    wenn nicht, 404

  4. Bei mir genauso, in den Zugriffsstatistiken lauter 404 Fehler wg. der apple-touch-icon.png. Andererseits ein guter Hinweis dafür, dass man sich mehr auf die iphones ausrichten sollte…

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.