Wer eine Website oder ein Blog betreibt, möchte unter Umständen den Besuchern mit iPhone, iPad oder iPod touch ein passendes Icon anbieten, falls der User die Seite als Lesezeichen auf sein Homescreen ablegen will. Als Standard macht das jeweilige mobile Device dabei ein Screenshot der Webseite und nimmt dies als Icon. Da wirkt es schon erheblich professioneller ein aussagekräftiges Icon der Website anzubieten. Die ist mit nur wenig Aufwand zu realisieren.
Und so geht es:
- das Icon mit einer Größe von 57×57 Pixel oder 60×60 Pixel (schärfer) erstellen und als .png speichern
- der Dateiname muss apple-touch-icon.png sein
- nun einfach die Datei in das Hauptverzeichnis auf den Server hochladen
Das iPhone/iPad/iPod formatiert leider das Icon dann automatisch, sodass man einen Glanzeffekt auf das Icon bekommt. Wenn dies nicht gewünscht ist, muss die Datei anders benannt werden.
- benenne das Icon als apple-touch-icon-precomposed.png
- die Datei in das Hauptverzeichnis auf den Server hochladen
Man kann außerdem das Homescreen-Icon auch per Code einbinden. weiterlesen →