WebClip Icon, das neue Favicon

Frank Bültge — Fri, 08 Feb 2008 10:41:44 +0000

Das Web wird mobiler und Apple hat trägt mit der Einführung des iPhone und iPod touch sicher dazu bei. Allerdings führt Apple damit auch eine neue Möglichkeit der Iconablage ein, denn das Favicon ist nicht von Apple als Idetifizierungs-Icon genutzt worden.

Die Favicons haben sich durchgesetzt und ist einfach und schön, wenn man im Browser etc. die Seite schon an dieser kleinen Spielerei erkennt. Gerrit bemerkt aktuell, dass Kunden und User das Favicon mögen. Nun soll aber auch auf Apples Produkten eine Wiedererkennung mittels Icon funktionieren und deshalb ist es an der Zeit, dass man die Webseite um das WebClip Icon ergänzt. Dazu ist nicht viel Hintergrundwissen nötig und das Bild ist schnell integriert. Im folgenden die wenigen Schritte zum eigenen WebClip Icon.

Zuerst gilt es, ein Icon mit folgenden Vorgaben zu erstellen.

57 x 57 Pixel in den Dimensionen
Es wird empfohlen 60 x 60 Pixel zu nutzen, bringt angeblich mehr Schärfe auf das Display
Seit Erscheinen des iPad ist die Größe von 129 x 129 Pixeln empfehlenswert
Speichern als apple-touch-icon.png
Im Root der Website ablegen (Bei Einsatz von WordPress, dort wo die wp-config.php liegt)

Man muss im übrigen sich nicht die Mühe machen, das ganze auch im „Glanzlook“ zu erstellen, denn diesen Effekt bringen Apples Produkte mit, eine einfache Grafik genügt.

Ist das soweit geschehen, dann muss lediglich der Link im head-Abschnitt der Webseite hinterlegt werden. Das rel-Attribut bekommt den Wert apple-touch-icon und wird damit identifiziert.

Hat man WordPress im Einsatz, dann kommt der folgende Syntax in die header.php des verwendeten Themes. Sollte es diese Datei nicht geben, dann in der index.php den head-Abschnitt suchen.

Das war es schon, ähnlich dem Favicon nur mit einem anderen Attribut im link-Tag.

Weitere Tipps

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Kommentieren

bueltge.de [by:ltge.de] » Apple

WebClip Icon, das neue Favicon

Weitere Tipps