So fügen Sie Favicon in HTML hinzu

Favicon ist der Logo Dies erscheint vor dem Titel Ihrer Website auf Ihrem Browser -Registerkarte. Sie können jedes Bild als Ihre Website Favicon verwenden, die Sie mögen. Es wird verwendet, um Ihre zu machen Website attraktiv Anstatt ein leeres Dokumentsymbol im Browserfenster anzuzeigen. Das Hinzufügen eines Favicon hilft auch dazu identifizieren dein Webseite Zwischen der Anzahl der Registerkarten, die in einem einzelnen Browserfenster geöffnet werden.

Jeder Bildtyp kann als Favicon verwendet werden oder Sie können Ihr Favicon mit verschiedenen frei verfügbaren Logo Maker -Tools erstellen und es dann mit Ihrem Website -Titel im Head -Tag von HTML hinzufügen. Auch wenn Sie ein Bild als Favicon verwenden, sollten Sie bedenken, dass ein kleines Bild oft besser funktioniert.

In diesem Leitfaden werden wir kurz darüber diskutieren Hinzufügen A Favicon In Html. So lass uns anfangen!

Hinzufügen eines Favicon zu Ihrer Website in HTML

Um Ihrer Website in HTML ein Favicon hinzuzufügen, folgen Sie den folgenden Schritten:

Schritt 1: Konvertieren Sie das Bild in “.ICO ”oder“.PNG ”Datei
Hinzufügen des Favicon, .png oder .ICO Dateiformate werden verwendet. Wenn Sie keine haben .png oder .ICO Datei konvertieren Sie sie dann zuerst mit verschiedenen frei verfügbaren Online -Tools wie ICO Convert. Im nächsten Schritt geht es darum, das Favicon zur Website hinzuzufügen.

Schritt 2: Fügen Sie das konvertierte Bild im Projektverzeichnis hinzu
Fügen Sie das konvertierte Favicon -Bild in Ihr Webprojektverzeichnis hinzu, in dem Sie Ihr Main haben "Index.HTML ” Datei lokalisiert. Zum Beispiel haben wir unsere hinzugefügt „Favicon.ICO ” Datei in der "PROJEKT 1" Verzeichnis:

Nachfolgend Snipping zeigt den Grundcode des Website -Titels in HTML. Das Favicon wird nach dem hinzugefügt "" Element.

Zu diesem Zeitpunkt haben wir die hinzugefügte nicht verknüpft „Favicon.ICO ” zu unserer HTML -Datei. So wird die folgende Ausgabe angezeigt:

Schritt 3: Geben Sie den Pfad des Bildes im Link -Tag an
Benutze die "" Element und geben Sie den Pfad des Bildes an, wie im folgenden Codeblock gezeigt:

Nach dem Hinzufügen des "" Element speichern wir die Datei und greifen im Webbrowser darauf zu, um das Ergebnis anzuzeigen:

Die oben gegebenen Bilder zeigen, dass unser hinzugefügtes Favicon-Bild erfolgreich als Symbol der Website festgelegt wird.

Abschluss

Zu Fügen Sie ein Favicon hinzu In Html, Erstens, wählen ein Bild und Konvertieren es zu ".ICO" oder ".png” Format Verwenden eines Online -Image -Konvertier -Tools wie ICO Convert. Danach, hinzufügen das konvertierte Bild zu Ihrem Projekt Verzeichnis und verknüpfen Sie es dann mit der HTML -Datei mithilfe der “mit der“" Schild. Dieser Leitfaden hat gezeigt, wie Sie das Favicon mit HTML zu Ihrer Website hinzufügen können.