Skip to main content

Schlagwort: Web Design

Favicon von webdesign-ostholstein.de

Favicon

Geschrieben von beate am . Veröffentlicht in Webdesign spezial.

Als Favicon bezeichnet man im Webdesign das kleine zumeist auffällige Symbol (Icon), welches im Browser in der Registerkarte sowie in der Favoritenliste angezeigt wird. Im Idealfall unterscheidet es sich von dem anderer Websites und ermöglicht dem User so eine schnelle Wiedererkennung der Seite. Der Name Favicon ist eine Kunstwort, das aus den englischen Worten Favorites (Favoriten) und Icon (Symbol) entstanden ist.

Favicon von webdesign-ostholstein.de

 Favicon von www.palustrishof.deFavicon von Joomla!

 

Favicon-Formate

Als Grafik für das Favicon dient eine 16 x 16 bzw. 32 x 32 Pixel große Grafik im Format .ico, .png oder .gif, wobei der Internet Explorer bis einschließlich Version 8 nur das ico-Format unterstützt.

 

Favicon einbinden

In der Regel wird das Favicon im Hauptverzeichnis des Webs abgelegt und dann mit einem entsprechenden Tag im Head der Seite platziert. Bei Verwendung eines Joomla-Webs wird es allerdings nicht dort, sondern im Hauptverzeichnis des verwendeten Templates abgelegt.

 

Man kann ein Favicon sowohl als statische Grafik, als auch als animiertes Gif einbinden:
 

  • Bei Verwendung des statischen Favicons erfolgt die Einbindung im HTML-Quellcode zwischen den Header-Tags <head> … </head> in der Form

    <link rel=“shortcut icon“ href=“favicon.ico“>.
     

  • Bei Verwendung eines animierten Favicons muss zwischen den Header-Tags außerdem die animierte Datei angegeben werden:

    <link rel=“shortcut icon“ href=“favicon.ico“>
    <link rel=“icon“ href=“animiertes_favicon.gif“ type=“image/gif“>
     
  •  Genau so verfährt man auch, wenn man ein anderes als das ico-Format verwenden möchte (z. B. png):

    <link rel=“shortcut icon“ href=“favicon.ico“>
    <link rel=“icon“ href=“favicon.png“ type=“image/png“>

 

Favicon erstellen

Um ein Favicon im ico-Format zu erstellen benötigt man entweder eine geeignete Software (Fotoschop kann das leider nicht) oder man nutzt einen Online-Anbieter wie z. B. den Favicon Generator bei WebMaster-Elite.de oder den Favicon Generator von Project Fondue.

 

Wer kein Favicon möchte, sollte Bedenken, dass der Internet Explorer 5 ohne Favicon eine Fehlermeldung in der Logdatei erzeugt. Für den guten Wegdesigner also ein Grund mehr, immer ein Favicon zu verwenden. Zur Not einfach ein durchsichtiges Favicon erzeugen.

 

 

 

Sie benötigen Ünterstützung? Schreiben Sie mir einfach und ich berate Sie gerne!