PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Animierte Favicons für Webbrowser erstellen



Michel
7. July 2010, 12:53
Favicons sind die kleinen Webseitensymbole, die der Webbrowser links neben der Adresszeile dem Seitentitel anzeigt. Diese sind meist statisch können aber auch animiert dargestellt werden. Bewegte Bilder sind immer auffälliger als statische und erzeugen so mehr Aufmerksamkeit bei dem Betrachter.

Ein animiertes Favicon muss im GIF-Bildformat in einer Größe von 16x16 Pixel und darf maximal 256 Farben haben. Parallel wird dazu ein statisches Favicon im ICO-Bildformat erstellt, welches in den Browsern angezeigt wird, die keine animierten Favicons unterstützen.

Einbindung (Quellcode) für den HEAD-Bereich

<link rel="shortcut icon" href="http://www.webseite.de/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.webseite.de/favicon_animiert.gif" type="image/gif" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

sv.enne
7. July 2010, 13:14
Favicons sind die kleinen Webseitensymbole, die der Webbrowser links neben der Adresszeile dem Seitentitel anzeigt. Diese sind meist statisch können aber auch animiert dargestellt werden. Bewegte Bilder sind immer auffälliger als statische und erzeugen so mehr Aufmerksamkeit bei dem Betrachter.

Oder auch in den Tabs. Und da machen sie erst wirklich Sinn wie ich finde.

Zu den animierten Favicons - ich meine ja eher das sowas stört. Mehr Aufmerksamkeit ja - aber worauf? Auf das Favicon selber? Braucht ES das?

Aber, eine Webseite die was auf sich hält braucht natürlich auch ein Favicon - das iss ja klar. :)