Dodaj obrazek na pasku tytułu [duplikat]

To pytanie ma już odpowiedź tutaj:

Jak dodać obrazek na pasku tytułowym?

Mam tytuł - "Webnet"

Połączenie go z ikoną FontAwesome Gliphicon jako - 

<title><i class="icon-user icon-black"></i>Webnet</title>

I próbowałem go zastąpić źródłem obrazu - 

<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>

Ale tytuł pokazuje innerHTML zamiast pokazuję tam obraz.

Jakaś pomoc?
Author: Styx, 2013-04-03
Source

4 answers

Ta metoda nie zadziała. <title> obsługuje tylko zwykły tekst. Musisz utworzyć obraz .ico o nazwie pliku favicon.ico i zapisać go w folderze głównym witryny (gdzie znajduje się Domyślna strona).

Alternatywnie możesz zapisać ikonę w dowolnym miejscu i nazwać ją jak chcesz, ale po prostu wstaw poniższy kod do sekcji <head> swojego kodu HTML i odwołaj się do ikony: 

<link rel="shortcut icon" href="your_image_path_and_name.ico" />

Możesz użyć Photoshopa (z wtyczką) lub GIMP (za darmo), aby utworzyć .ico Plik, lub możesz po prostu użyć IcoFX , który jest moim ulubionym plikiem, ponieważ jest naprawdę łatwy w użyciu i robi świetną robotę (starszą wersję oprogramowania można dostać za darmo z download.com).

Aktualizacja 1: Możesz również użyć wielu narzędzi online do tworzenia faviconów, takich jak ConvertIcon , z których korzystałem z powodzeniem. Dostępne są również inne darmowe narzędzia online, które robią to samo (dostępne za pomocą prostej wyszukiwarki Google), ale także Generuj inne ikony, takie jak ikony menu Start systemu Windows 8 / 10 i ikony aplikacji iOS.

Aktualizacja 2: Możesz również używać obrazów .png jako ikon pod warunkiem, że IE11 jest jedyną wersją IE, której potrzebujesz do obsługi. Wystarczy odwołać się do nich za pomocą kodu HTML powyżej. Zauważ, że IE10 i starsze nadal wymagają plików .ico.

 61
Author: Samuel MacLachlan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-05-07 12:05:58

Powinieneś szukać jak dodać favicon.ico . Możesz spróbować dodać favicon.ico bezpośrednio na swoich stronach html, tak jak to 

<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />

Lub możesz to zaktualizować w swoim webserver. Zaleca się dodawanie w webserver, ponieważ nie musisz dodawać tego na każdej ze stron html (zakładając, że nie includes).

Aby dodać apache Umieść favicon.ico w swoim głównym dyrektorze strony i dodaj to w httpd.conf 

AddType image/x-icon .ico
 16
Author: nandu,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-04-03 12:13:35

Dodaj to w sekcji head twojego html 

<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
 13
Author: karthick,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-01 07:12:57

Będziesz musiał użyć faviconu dla swojej strony. put this in the head-tag: <link rel="shortcut icon" href="/favicon.png" type="image/png">

Gdzie favicon.png to najlepiej obraz png 16x16.

Źródło: dodawanie faviconu do statycznej strony HTML

 10
Author: errieman,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 11:54:39