Web-Clips sind eine neue Variante der Favicons für das iPhone und das iPad. Favicons sind die kleinen Bildchen, die im Browser neben der URL einer Webseite oder in der Lesezeichenliste angezeigt werden und eine schnelle Identifikation der Seite ermöglichen. Die Web-Clips für iPhone und iPad werden auf dem Homescreen des Geräts abgelegt und sehen dort aus wie eine ganz normale App. Ein Klick auf den Web-Clip öffnet den Browser und ruft die verbundene Website auf. Die Erstellung dieser Web-Clips ist denkbar einfach.
Zur Erstellung eines Web-Clips sind nur vier einfache Schritte nötig:
1.) Abspeichern der gewünschten Grafik unter dem Namen apple-touch-icon.png. Dabei darauf achten, dass die Grafik eine Mindestgröße von 60 mal 60 Pixeln hat - besser noch größer (129 mal 129), damit auch auf dem größeren Display des iPads eine gute Qualität gewährleistet ist
2.) FTP-Transfer der Datei ins Root-Verzeichnis des Servers, auf dem die Website läuft
3.) Den folgenden Code irgendwo im <head> des Quellcodes der gewünschten Webseite platzieren:
<link rel="apple-touch-icon" type="image/x-icon" href="/apple-touch-icon.png"/>
4.) Nun einfach im iPhone-Browser (Safari) den "+"-Button drücken und anschließend "Zum Home-Bildschirm" auswählen. Fertig!