Apple Touch Icon für die eigene Webseite

Auf dem iPhone oder iPod Touch kann man Webseiten auf dem Home-Bildschirm speichern, in dem man im Browser auf das „+“-Zeichen drückt.

Standardmäßig wird hier eine verkleinerte Bildschirmaufnahme als Icon gespeichert. Sieht mitnichten toll aus.

Als Betreiber der Seite kann ich ganz einfach ein eigenes Icon zur Verfügung stellen. Es bieten sich zwei Wege an:

Design Dein eigenes Icon mit den Maßen 57×57 Pixel, neuerdings sollen auch 158×158 Pixel funktionieren. Höhere Auflösung des iPhone 4 wahrscheinlich?!

Der „favicon„-Weg:

Lege die Datei „apple-touch-icon.png“ ins Root-Verzeichniss Deiner Webseite.

Der „Link„-Weg:

In den Header der Webseite den folgenden Code einbinden <link rel=“apple-touch-icon“ href=“customIcon.png“ />

Also los, designen!

Wer noch mehr lesen möchte…

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.