Wie fügt man ein Browser-Tab-Symbol (Favicon) für eine Website hinzu?

Ich habe an einer Website gearbeitet und möchte der Browser-Registerkarte ein kleines Symbol hinzufügen.

Wie kann ich dies in HTML tun und wo im Code müsste ich es platzieren (z. B. in der Kopfzeile)? Ich habe eine "png"-Logo-Datei, die ich gerne in ein Symbol umwandeln würde.

Verwandt: https://stackoverflow.com/questions/2359866/html-set-image-on-browser-tab.

  1. Verwenden Sie ein Tool, um Ihr png in eine ico-Datei zu konvertieren. Sie können nach "Favicon-Generator" suchen und Sie können viele Online-Tools finden.
  2. Platzieren Sie die ico-Adresse in den "Kopf" mit einem "Link"-Tag:
Kommentare (3)

Ich habe dies erfolgreich für meine Website getan.

Die einzige Ausnahme ist, dass der SeaMonkey-Browser einen HTML-Code benötigt, der in den "head" eingefügt wird, während die anderen Browser das favicon.ico auch ohne HTML-Eingabe anzeigen. Außerdem kann jeder andere Browser als der IE auch andere Arten von Bildern verwenden, nicht nur das .ico-Format. Ich hoffe, das hilft.

Kommentare (0)

Damit Chrome das Seitensymbol (Favicon) anzeigt, müssen Sie Ihre Website von einem Hosting-Server aus überprüfen oder Sie können einen lokalen Host verwenden, während Sie Ihre Website auf Ihrem PC entwickeln und testen.

Kommentare (0)