Ein Favicon / Icon für das Iphone

iphone-faviconDas Iphone von Apple verfügt über eine Funktion, mit welcher man eine Webseite als Icon im Home-Screen hinzufügen kann und so über eine Art Lesezeichen verfügt. Wählt man dieses Icon an öffnet das Iphone den Safari Browser und die entsprechende Webseite. 

Standardmäßig verwendet das Iphone als Icon einen kleinen Screenshot der Webseite. Das schaut natürlich nicht wirklich schön aus. Deshalb empfiehlt es sich hierfür ein Icon zu definieren - also eine Art Favicon für das Iphone.

Webseiten-Icon für das Iphone erstellen

Zuerst müssen wir das Icon erstellen. Hierzu benötigen wir ein png mit einer Größe von 57x57 px.
Dieses dann unter dem Namen apple-touch-icon.png abspeichern.

Dann benötigen wir auf der Webseite noch den Verweis darauf. Dieser kommt natürlich in den head Bereich der Webseite.
Dieser schaut folgendermaßen aus:

<link rel="apple-touch-icon" href="URL-ZUM-ICON"/>

Statt dem URL-ZUM-ICON gebt Ihr natürlich den entsprechenden Pfad zum Icon an.
Für Joomla! Webseiten empfiehlt es sich, diese Datei in das Template Verzeichnis zu legen - somit würde der Pfad folgendermaßen lauten: tempaltes/meintemplate/apple-touch-icon.png

Anschließend beides hochladen und fertig.

{googleAds}
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2717861494506240";
/* Links - content */
google_ad_slot = "6814663901";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
{/googleAds}