apple-touch-icon

In den Protokollmeldungen findet man immer öfter "page not fount" "apple-touch-icon(...).png".

Das liegt daran, dass ein User mit einem Iphone die Seite "adden" will. Hier wird ein Äquivalent zum favicon.ico gesucht.

Um den Fehler zu verhindern legt man z.B. das favicon als apple-touch-icon.png und apple-touch-icon-precomposed.png in entsprechende Größen und Benennung an und läd diese Dateien in das Root Verzeichnis des Servers zu dem (wenn vorhanden) favicon.
Die aktuellen Größen findet man unter: https://developer.apple.com/library/ios/documentation/UserExperience/Con...

Die Benennung für die verschiedenen Größen wäre dann: apple-touch-icon.png, apple-touch-icon-76x76.png, apple-touch-icon-120x120.png
Der Glanzeffekt und die abgerundeten Ecken werden übrigens von Apple erzeugt. Altere Browser bieten diesen Effekt nicht und suchen nach Icons mit dem Zusatz "precomposed" also:
apple-touch-icon-precomposed.png, apple-touch-icon-76x76-precomposed.png, ...

Der Fehler sollte dann verschwunden sein und der Mac-User freut sich über das Icon.

Weiterführende Informationen findet man unter: http://favicons.info/apple-touch-icon.html

Saturday, 04. April 2015 - 13:33