Jak dodać Favicon w HTML

Favicon jest logo który pojawia się przed tytułem Twojej witryny na karcie przeglądarki. Możesz użyć dowolnego obrazu jako swojej witryny favicon, który lubisz. Jest wykorzystywany do tworzenia atrakcyjna strona internetowa Zamiast wyświetlać pustą ikonę dokumentu w oknie przeglądarki. Dodanie fawicona również pomaga zidentyfikować twój strona internetowa między liczbą zakładek, które otwierają się w jednym oknie przeglądarki.

Każdy rodzaj obrazu może być wykorzystany jako favicon lub możesz utworzyć swój favicon za pomocą różnych swobodnie dostępnych narzędzi Maker Maker, a następnie dodanie go z tytułem witryny w znaczniku HTML. Ponadto, używając obrazu jako ulubionego, należy pamiętać, że mały obraz często działa lepiej.

W tym przewodniku omówimy krótko o dodanie A Favicon W Html. A więc zacznijmy!

Dodanie ulubionego do Twojej witryny w HTML

Aby dodać favicon do swojej witryny w HTML, wykonaj podane poniżej kroki:

Krok 1: Konwertuj obraz na „.ICO ”lub„.plik png ”
Dodając favicon, .png Lub .i co Formaty plików są używane. Jeśli nie masz .png Lub .i co Plik następnie przekonwertuj go najpierw za pomocą różnych dostępnych narzędzi online, takich jak ICO CONWERT. Następnym krokiem jest dodanie Favicon do strony internetowej.

Krok 2: Dodaj konwertowany obraz w katalogu projektu
Dodaj konwertowany obraz Favicon do swojego katalogu projektu internetowego, w którym masz główny "indeks.html ” Znajduje się plik. Na przykład dodaliśmy nasze „Favicon.i co" plik w "PROJEKT 1" informator:

Poniżej wycinanie pokazuje podstawowy kod tytułu witryny w HTML. Favicon zostanie dodany po „” element.

W tym momencie nie połączyliśmy dodanego „Favicon.i co" do naszego pliku HTML. Więc pokaże następujące dane wyjściowe:

Krok 3: Podaj ścieżkę obrazu w znaczniku linku
Użyj „” element i podaj ścieżkę obrazu, jak pokazano w poniższym bloku kodu:

Po dodaniu „” Element, zapiszymy plik i uzyskamy dostęp do go w przeglądarce internetowej, aby zobaczyć wynik:

Powyższe obrazy pokazują, że nasz dodany obraz Favicon jest z powodzeniem ustawiony jako ikona witryny.

Wniosek

Do Dodaj favicon W Html, Przede wszystkim, wybierać obraz i konwertować to „.i co" Lub ".png" format Korzystanie z dowolnego narzędzia do konwersji obrazu online, takiego jak ICO Conwert. Po tym, dodać Konwertowany obraz na Twój projekt katalog, a następnie połącz go z plikiem HTML, wykorzystując „”Tag. Ten przewodnik pokazał, jak dodać Favicon do swojej witryny za pomocą HTML.