Web-Entwicklung für das iPhone: Grafik für Webclip-Funktionalität bereitstellen
Veröffentlicht: 16. Januar 2008, 11:00 Uhr
Mit der neuen Firmware in Version 1.1.3 ermöglicht Apple die direkte Verlinkung von Webseiten im Homescreen bzw. Dashboard des iPhone. Als Symbol kann der Benutzer einen beliebigen Ausschnitt der Webseite verwenden. Alternativ dazu kann jeder Webseitenbetreiber selbst eine Art “Favicon” bereitstellen.
Dazu genügt es eine 57×57 Pixel große Grafik zu erstellen und Sie im PNG-Format abzuspeichern. Hierbei ist es wichtig die Grafik ohne Glossy-Effekt und abgerundetem Rahmen zu erstellen. Die Komposition von Effekten und Grafik übernimmt das iPhone.
Anschließend muss die Grafik im Hauptverzeichnis der Webseite platziert und ein Link in Form von <link rel="apple-touch-icon" href="/meinegrafik.png" /> im <head>-Bereich des HTML-Dokuments eingefügt werden.
Einfach ausprobieren und Nur Text als WebClip hinzufügen!
Update
Wie in anderen Blogs berichtet wird scheinen Grafiken mit einer Größe von 60×60 Pixeln wesentlich schärfer zu wirken. Im Selbsttest konnte ich dies ebenfalls feststellen.