Als Betreiber einer eigenen Website kann man seinen treuen iPhone und iPod Touch Besucher eine Freude machen. Seit dem neuesten Update auf den beiden Geräten ist es den Benutzer erlaubt, eigene Homescreen-Shortcuts zu den Lieblings-Webseiten zu erstellen. Tut er dies, wird einfach ein aktueller Screenshot erstellt, was nicht immer sehr vorteilhaft ist. Die Betreiber dürfen aber ein eigenes Icon erstellen und einbinden, so ähnlich wie bei den Favicons. Und so geht das:

• Eine Grafik mit den Abmessungen 60×60 Pixel erstellen (obwohl Apple 57×57 empfiehlt wird es mit 60 Pixel schärfer)
• Dieses Bild nun als PNG abgespeichert
• Die Datei wird nun in das Hauptverzeichnis der Website hochgeladen
• Folgende Zeile muss nun in den HEAD Bereich jeder HTML-Seite geschrieben werden:
  <link rel="apple-touch-icon" href="/icon.png"/>
• Wem das zu anstrengend ist, der kann sein Bild auch apple-touch-icon.png benennen, dann erübrigt sich die HTML-Zeile von oben
• Den Glossy-Effekt und die abgerundeten Ecken werden vom iPhone/iPod touch selber zu dem Icon hinzugefügt.
• Das Homescreen-Icon wird ab sofort verwendet!

So, und nun muss ich das ganze noch für das ApfelBlog erstellen.