Seit gestern lassen sich mit der Firmware 1.1.3 für iPhone und iPod touch (wobei ältere Modelle dazu aber auch noch das Software-Upgrade Januar 2008 benötigen) Bookmarks zu Webseiten auch auf dem Homescreen ablegen. Als Icon wird dabei standardmäßig ein Screenshot der aktuellen Seite genommen und entsprechend skaliert.

Im iPhone Dev Center erläutert Apple, wie man hier ein eigenes Icon vorsehen kann. Es gibt zwei Möglichkeiten:

1. Über ein Metatag im Headbereich der Seite

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

2. Indem man eine Datei mit dem Namen apple-touch-icon.png in den Root-Folder der Webpräsenz legt

FÜr beide Varianten gilt: Das Icon sollte genau 57×57 Pixel groß sein – andernfalls skaliert Safari sich das ganze passend zurecht. Den Glas-Effekt legt ebenfalls Safari drüber und schneidet bei der Gelegenheit etwas vom eigentlichen Bild ab, wodurch man für ein Logo die 57 Pixel nicht vollends ausreizen sollte. Hier haben sich, nach einigen Experimenten, 54 Pixel für das Logo bei einer Arbeitsfläche von 57 Pixeln als brauchbar erwiesen, während andernorts von gar nur 45 Pixeln als ‘sichere Größe’ gesprochen wird. Auch sollte das Bild keinen transparenten Hintergrund haben, der wird andernfalls nämlich schwarz.

via Daring Fireball

[tags]icon, apple-touch-icon, favicon, apple, ipod touch, iphone[/tags]