Skip to main content

Schlagwort: Favicon

Favicon von webdesign-ostholstein.de

Favicon

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!

Coming soon…

 

Heute ist der 16.10.2009 und meine "Stunde null" ist der 1. November 2009; ich starte mit dem ersten Grundgerüst dieser Homepage. Diese unterliegt natürlich ständigen Erweiterungen und Aktualisierungen. Für die nahe und ferne Zukunft sind folgende Erweiterungen geplant, wobei neueste Ideen oben stehen und bereits verwirklichte Projekte zu Links geworden sind bzw. mit einem Datum versehen sind. Diese Liste ist hauptsächlich eine ToDo-Liste für mich, trotzdem möchte ich sie den interessierten Gemütern nicht vorenthalten; Allerdings kann dadurch hier die Formulierung hier schon mal ein wenig holperig sein:

 

  • Was kann Joomla!-Rubrik, in der an Beispielen  vorgestellt wird, welche Möglichkeiten dieses CMS bietet
  • Eigenes Favicon (kleines Symbol in der Registerkarte des Browsers)
  • Individuelle Bilder im Header-Bereich auf Nicht-Startseiten
  • Aufwertung der Text-Inhalte durch Bilder
  • Umzug der Website zu einem schnelleren Webhoster
  • Möglichkeit, die Schriftgröße zu verändern (Barrierefreiheit)
  • Benutzer-Bereich mit Log-In für Kunden mit individuellen Inhalten
  • "How-To"-Rubrik mit aktuellen Informationen rund ums Webdesign
  • Flash-Inhalte, damit Sie sehen, wie toll wir das können…
  • Startseiten-Banner mit Flash animieren (lassen Sie sich überraschen)
  • Foto-Galerie
  • neues Template
  • Template-Galerie (Joomla!)
  • News-Rubrik, in der ich Sie über Aktuelles rund um’s Webdesign informiere
  • Newsletter, damit Sie auch wirklich nichts verpassen
  • Verknüpfung der Beiträge (Das könnte Sie noch interessieren…)
  • Beispiel-Preise für einige Standardleistungen
  • Menü-Punkt "Aktuelle Projekte". Dort können Sie mir mal über die Schulter schauen.
  • Site-Map (eigentlich nur für google…)
  • Suchmöglichkeit
  • Navigationspfad (breadcrumbs) anzeigen
  • Weitere Beiträge in der Rubrik "Hätten Sie’s gewusst?"
    • Suchmaschinenoptimierung
    • Spam-Schutz
    • Für und Wider CMS
    • Eine Website planen
    • Wie gutes Webdesign wirklich funktioniert
    • Fluch oder Segen: Tipps zum Linktausch