Mobile app version of vmapp.org
Login or Join
Shakeerah822

: HTML favicon wont show on google chrome I am making a HTML page that is unpublished and that I just started. The first thing I wanted to do was add a favicon to appear next to the title.

@Shakeerah822

Posted in: #Favicon #Html #Links

I am making a HTML page that is unpublished and that I just started. The first thing I wanted to do was add a favicon to appear next to the title. I'm using google chrome and I noticed that other websites have favicons that appear next to the title in the browser, but mine wont show up. I'm new to favicons. The site is in a folder on my desktop named site. This is the code:

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
</body>
</html>

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Shakeerah822

2 Comments

Sorted by latest first Latest Oldest Best

 

@Si4351233

If I understood you well, your website isn't in a webserver in your computer ? If you are accessing your site with something like this file:///C:/Users/Me/Desktop/mysite.html, you are not in a webserver and gonna need one to access your site with something like this localhost/mysite.html.
The reason why is because Chrome seams to have problems with loading favicon files when your site isn't in a webserver environment(Don't ask me why, I really don't know). I've just tester your page in my desktop on Chrome and it dosen't work, after that I've tested on my localhost webserver and it works.

If you are not familiar with webservers, I would suggest this one if you are on windows WAMP server.. There should be infos there about how to install it(it's actually pretty easy). After that you gonna be able to put your website's files in the webserver's "public html folder" (C:/wamp/www/ in this case) and access your website with localhost/
Good luck :)

10% popularity Vote Up Vote Down


 

@Looi9037786

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


Try this.

Also make sure it is pointing to the right location, and that the icon file can also be displayed in other browsers.

If it also does not display in other browser, you probably don't have a valid .ico file or your pointing to the wrong location.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme