WikiDer > Favicon

Favicon
Wikipedia-Favicon, angezeigt in Mozilla Firefox

EIN Favicon, URL- oder Seitensymbol, ist a Symbol das ist verbunden mit a Webseite.

Ein Webdesigner kann ein solches Symbol und viele Grafiken erstellen Internetbrowser Zeigen Sie diese an, z. B. aktuelle Versionen von Internet Explorer, Feuerfuchs, Oper, Safari, Konqueror und Google Chrome. Browser, die Favicons unterstützen, zeigen diese in der Liste der Lesezeichen oder Favoriten. In älteren Browsern kehrte das Favicon auch in die Adressleiste zurück, das jedoch aus Sicherheitsgründen entfernt wurde.[1] Ungesicherte Sites könnten ein Vorhängeschloss als Favicon platzieren, was den Anschein einer sicheren Verbindung erweckt.

Obwohl der Symbolname Standard ist favicon.ico ist und die Dateierweiterung Das ist also eine Symboldatei, die sich in einigen Browsern als animiert herausstellen kann GIFDatei unter diesem Namen als Bewegtbild gespeichert.

Ein Standard-Favicon hat die Abmessungen 16×16, 32×32 oder 64×64 Pixel, und enthält 16 Farben.

Ein Favicon kann von einem -Tag verwendet werden[2] im -Abschnitt des HTMLCode zum Einfügen:

HTML
<link rel="shortcut icon" type="image/x-icon" href="/somewhere/myicon.ico">
<link rel="shortcut icon" type="image/gif" href="/somewhere/myicon.gif">
<link rel="shortcut icon" type="image/png" href="/somewhere/myicon.png">
XHTML
<link rel="shortcut icon" type="image/x-icon" href="/somewhere/myicon.ico" />
<link rel="shortcut icon" type="image/gif" href="/somewhere/myicon.gif" />
<link rel="shortcut icon" type="image/png" href="/somewhere/myicon.png" />

Es ist auch möglich, eine Datei namens /favicon.ico im Stammverzeichnis der Website zu platzieren. Ein Browser prüft, ob er existiert (nachdem er nach dem <link />Tags), und wenn nicht, zeigt der Browser ein Standardsymbol an.

Browser-Unterstützung

BrowserICOPNGGIFanimierte GIFsJPEGAPNGSVG
Google ChromeJa JaJa 4.0Ja 4.0Nein NeinJa 4.0Nein NeinNein Nein
Internet ExplorerJa 4Ja JaJa JaNein NeinJa JaJa JaJa Ja
Mozilla FirefoxJa JaJa JaJa JaJa JaJa JaJa 3.0Ja 41.0[3]
OperJa JaJa JaJa JaJa JaJa JaJa JaJa 9.6
SafariJa JaJa 4.0Ja 4.0Nein NeinJa 4.0Nein NeinNein Nein

Fußnoten

  1. ↑Firefox entfernt Favicon aus Sicherheitsgründen aus der URL-Leiste
  2. ↑http://www.w3.org/2005/10/howto-favicon
  3. ↑Fehler 366324 - Unterstützung für SVG-Site-Symbole (Favicons, Verknüpfungssymbole). Zugegriffen unter 21. Februar 2010.
Web-Design
Auszeichnungssprache:HTML · HTML5 · XML · XHTML · Kompaktes HTML · WML · XHTML-Grundlagen
Design:C.S.S · XSL-FO · XSLT
Interaktion:Dokumentobjektmodell · Veranstaltung · Skripterstellung · Javascript · AJAX · dynamisches HTML
Referenz:HTML-Farben · HTML-Tags · HTML-Entitäten · HTML-Ereignisse
Einzelheiten:Browser-Sniffing · User-Agent · (magischer) Keks · Meta-Tag · DTD · Breadcrumb-Navigation · Inline-Bild · Java-Applet · Adobe Flash · HTML-Formular · Favicon · Rahmen · SVG · WAII
Herausgeber (Code):Amaya · Blaufisch · Quanta Plus · Notizblock
Editor (wysiwyg):Traumweber · BlauGriffon · Kompozer · Titelseite · Ausdrucksweb · Nvu · SeaMonkey-Komponist
Verbunden:Web Entwicklung · weltweites Netz · Webbrowser · Webserver · Grafikprogramm · Texteditor · HTML-Editor