Die folgenden Tabellen veranschaulichen die Unterstützung verschiedener Funktionen mit gängigen Webbrowsern. Sofern nicht anders angegeben, geben die Versionsnummern die Startversionsnummer einer unterstützten Funktion an.

Dateiformatunterstützungedit

Die folgende Tabelle veranschaulicht die Bilddateiformatunterstützung für das Favicon.

  1. ^ Safari unterstützt seit Version 12.0 in einigen Fällen einfarbige SVG-Favicons in einem nicht standardmäßigen mask-icon-Format.,

Zusätzlich können solche Symboldateien sein 16×16, 32×32, 48×48, oder 64×64 Pixel groß und 8-Bit, 24-Bit oder 32-Bit Farbtiefe. Der Artikel ICO – Dateiformat erläutert die Details für Symbole mit mehr als 256 Farben auf verschiedenen Microsoft Windows-Plattformen.

Verwendung von faviconEdit

Diese Tabelle veranschaulicht die verschiedenen Bereiche des Browsers, in denen Favicons angezeigt werden können.

Die Opera-Software hat die Möglichkeit hinzugefügt, das Favicon in der Kurzwahl in Opera 10 zu ändern.,

Wie benutzt man favIcon?

Diese Tabelle veranschaulicht die verschiedenen Möglichkeiten, wie das Favicon vom Webbrowser erkannt werden kann. Die Standardimplementierung verwendet ein Linkelement mit einemrel Attribut im Abschnitt<head> des Dokuments, um das Dateiformat, den Namen und den Speicherort anzugeben.

  1. ^ Firefox akzeptiert nur favicon.ico im Stammverzeichnis der Website ohne <link> tag wenn die Einstellung browser.chrome.site_icons auf true in about:config., Der Standardwert ist true. Wenn set zu false diese favicons sind, werden ignoriert.
  2. ^ Opera lädt /favicon.ico nur, wenn Multimedia/Always load favicon Option in opera:config ist auf 1. Weitere Informationen finden Sie auf der Opera-Support-Seite.

Wenn Links für PNG-und ICO-Favicons vorhanden sind, wählen PNG-favicon-kompatible Browser das Format und die Größe wie folgt aus. Firefox und Safari werden das Favicon verwenden, das zuletzt kommt., Chrome für Mac verwendet das Favicon, das nicht formatiert ist, andernfalls das 32×32 Favicon. Chrome für Windows verwendet das Favicon, das zuerst angezeigt wird, wenn es 16×16 ist, andernfalls das ICO. Wenn keine der oben genannten Optionen verfügbar ist, verwenden beide Chromes das Favicon, das genau das Gegenteil von Firefox und Safari ist. In der Tat ignoriert Chrome für Mac das 16×16 Favicon und verwendet die 32×32-Version, um es auf Nicht-Retina-Geräten auf 16×16 zurückzuskalieren. Opera wählt aus einem der verfügbaren Symbole völlig zufällig aus.,

Nur SeaMonkey ruft standardmäßig keine favicon.ico – Dateien im Stammverzeichnis der Website ab.

Gerät supportEdit

Dieser Abschnitt muss aktualisiert werden. Bitte aktualisieren Sie diesen Artikel, um aktuelle Ereignisse oder neu verfügbare Informationen widerzuspiegeln. (März 2018)

Für Apple-Geräte mit der iOS-Betriebssystemversion 1.1.3 oder höher sowie für einige Android-Geräte ist es möglich, ein benutzerdefiniertes Symbol bereitzustellen, das Benutzer auf ihren Startbildschirmen anzeigen können, indem Sie die Schaltfläche Zum Startbildschirm hinzufügen im Freigabeblatt in Safari verwenden., Diese Funktion wird aktiviert, indem eine <link rel="apple-touch-icon" ...> im Abschnitt <head> der von der Website bereitgestellten Dokumente angegeben wird. Wenn das benutzerdefinierte Symbol nicht bereitgestellt wird, wird stattdessen eine Miniaturansicht der Webseite auf dem Startbildschirm angezeigt.

Die empfohlene Grundgröße für dieses Symbol beträgt 152×152 Pixel.

Für das iPad beträgt die Grundgröße 180×180 Pixel. Android-Tablets bevorzugen ein 192×192 PNG-Symbol.

Die von apple-touch-icon referenzierte Symboldatei wird geändert, um abgerundete Ecken hinzuzufügen., In den iOS-Versionen vor iOS 7 werden ein Schlagschatten und ein reflektierender Glanz hinzugefügt, und das Symbol apple-touch-icon-precomposed kann bereitgestellt werden, um Geräte anzuweisen, keinen reflektierenden Glanz auf das Bild anzuwenden.

Mit abgerundeten Ecken, hinzugefügt von iOS

<link rel="apple-touch-icon" href="https://example.com/image.png">

Für Browser oder mobile Geräte ist auch kein HTML erforderlich, um diese Symbole abzurufen. Das Stammverzeichnis der Website ist der Standardspeicherort für die Datei apple-touch-icon.png (in der Reihenfolge der Priorität).,

HTML5-Empfehlung für Symbole in mehreren Größenedit

Die aktuelle HTML5-Spezifikation empfiehlt die Angabe mehrerer Größen für die Symbole mithilfe der Attribute rel="icon" sizes="space-separated list of icon dimensions" innerhalb eines <link> – Tags. Mehrere Symbolformate, einschließlich Containerformate wie Microsoft .ico und Macintosh .icns-Dateien sowie skalierbare Vektorgrafiken können bereitgestellt werden, indem der Inhaltstyp des Symbols im Format type="file content-type" in das <link> – Tag eingefügt wird.,

Ab iOS 5 ignorieren Apple-Mobilgeräte die HTML5-Empfehlung und verwenden stattdessen die oben beschriebene proprietäre apple-touch-icon – Methode. Der Google Chrome-Webbrowser wählt jedoch die am nächsten gelegene Größe aus den in den HTML-Headern angegebenen aus, um 128×128-Pixel-Anwendungssymbole zu erstellen, wenn der Benutzer die Anwendungsverknüpfungen erstellen auswählt… aus dem Menü „Extras“.

Animierte faviconsEdit

Verschiedene Browser wie Chrome, Firefox und Opera unterstützen animation von favicons., Seit 2001 ist ein Fehlerbericht für Firefox geöffnet, in dem eine Möglichkeit zum Deaktivieren der Funktion angefordert wird.