30 Okt 2009, Posted by Nils in webdesign, 0 Comments. Tagged iphone

Einfach gemacht: Favicon für das iPhone

iPhone Besitzer haben wahrscheinlich schon bemerkt, dass einige Webseite die auf dem Home-Screen gebookmarked werden schöne Icons haben, andere haben einen verkleinerten Screenshot.

Das iPhone sucht im Rootverzeichnis des Webservers nach der Datei “apple-touch-icon.png”, existiert diese wird das PNG als Favicon angezeigt.

So geht’s:

1. Hier das Beispiel-PSD herunterladen und ein persönliches iPhone-Favicon erstellen.
2. In der Datei sind zwei Ebenen die den Beschnitt und den Weichzeichnereffekt symbolisieren (später auf dem iPhone wird das icon ja z.B. abgerundete Ecken haben). Diese Ebenen einfach ausblenden und ein Foto oder Logo hinzufügen.
3. Bitte daran denken etwas Abstand zum Rand zu lasse, das Icon wirkt sonst etwas gequetscht
4. Jetzt die Datei mit “Für Web Speichern” als PNG speichern und auf den Webserver kopieren