Korrekte Einbindung von Favicons

Eine korrekte Einbindung des Favicons ist manchmal doch kein Zuckerschlecken, gerade wenn es um das Thema Browser Kompatibilität geht. Das das Favincon als link Type in den Head Bereich sollte jedem klar sein. Auch die Dateiformate ico, gif und png sollten klar sein. Andere Formate kann man, sollte man aber nicht einbinden, da man nie weis, welche Fehler diese verusachen und welcher Browser sie annimmt. In meinem Fall nehme ich 2 Relationen, einmal shotcut icon und einmal nur icon. Das sieht dann in etwa folgt aus: [html]<link rel="shortcut icon" href="http://huskynarr.de/favicon.ico" type="image/x-icon" /> <link rel="icon" href="http://huskynarr.de/favicon.ico" type="image/x-icon" />[/html] Die jeweiligen Typen müssen aber auch korrekt deklariert sein. Erläuterung: Sowohl die Attribute rel="shortcut icon" als auch rel="icon" müssen gemäß HTML-Standard angegeben werden. Den meisten Browsern reicht jedoch auch die Angabe über rel="icon". Nicht jeder Browser durchsucht automatisch das root-Verzeichnis einer Webseite nach einer favicon.ico. Verwenden Sie daher am besten immer beide HTML-Tags. So arbeiten Sie standardkonform und vermeiden Fehler bei der Anzeige Ihres Favicons.

ICO:	x-icon
PNG:	png
GIF:	gif

Für Wordpress Favicons: [html]<link rel=”shortcut icon” href=”<?php bloginfo(’url’); ?>/favicon.ico” type=”image/x-icon” /> <link rel=”icon” href=”<?php bloginfo(’url’); ?>/animated_favicon.gif” type=”image/gif” />[/html]