I'm using bootstrap basic theme and have been editing it, i deleted the code in html: <link rel="icon" href="img/icon.jpg">
But the icon wont go away, I have saved and refresh but the icon is staying there. I've even deleted the image at where its located.
You should try to clear your browser cache and then refresh the page.
Try clearing the browsing history and the application cache. Can you try it on a different browser? If it does not follow in the new browser it should be a cache problem.
You could check if you also uploaded an icon to the root of the webserver under the name: favicon.ico. These icons also get loaded, independent on your html source.
Related
Google chrome is not updating the new css in website. It requires to clear cache everytime. My real concern is we cannot expect visitors to clear cache everytime while visiting the website.
Can anyone suggest some solution that somehow chrome will load the updated file whenever a change is made file is uploaded.
Try refreshing the web page with Ctrl
Assuming you have an external CSS file, use the following:
<link href="demo.css?v=1" rel="stylesheet" type="text/css">
Adding ?v=1 will make sure the file will be downloaded. When you have a new version of your CSS file, increase the number (v=2, v=3 and so on).
This is a webpage image of the favicon.ico i want to to remove
I have deleted the image and the link ( )from the source and the icon keep showing. I even tried replacing it another icon but still getting the same result.
Favicons are cached, if you'd like to replace it, I'd suggest to add a version i.e. favicon.ico?v=RyyR6aw6zk this will force the browser to load the new icon
I work out it when I prevent request to the favicon.
you can filter the request to the favicon so that you can give your own favicon .
I have a page that displays the incorrect favicon when I view its source.
In the following image, you can see in the first tab (which is viewing the page) using the correct favicon - favicon-tenaya.ico.
However, when you go to view the page's source via Ctrl + U, it seems to display the default favicon - favico.ico, which is in the website's root folder:
Is there a way to get around this? We don't want the favicon changing when they view the source. How does the view source page in Chrome decide which favicon to use?
Viewing the source of a page is browser-dependent. There nothing you can do to force it to display a specific icon. For example, Firefox doesn't display any icon at all for a "View source" tab.
However, you can influence browsers to achieve this. For Chrome and your particular web site, replace the existing favicon.ico at the root of your web site with your favicon. This is what Chrome displays and yours is the black and white icon you don't want. Even better: rename favicon-tenaya.ico to favicon.ico (thus replacing the existing favicon.ico) and change the HTML accordingly.
As an aside, you don't need two declarations. Just keep the shortcut icon one, although the other one should do just as well.
Since Chrome does not parse the html it uses default file "/images/favicon.ico" to show as favicon in view-source. If it doesnt find it it look into different other locations too. for example if you use wordpress it uses http://[domain]/wp-content/themes/[theme]/images/favicon.ico
In Website, you can mention the favicon like below
<link rel="shortcut icon" href="/favicon-tenaya.ico"/>
and its working fine.
Where as in view source of chrome, they automattically find the favicon on below path
https://www.tenayalodge.com/favicon.ico
Favicon to be fetched from added favicon.ico after your website.
A very simple way:
put your favicon.ico file on the root of the website.
That should be accessed like: http://www.[domain].com/favicon.ico
I am currently using skeleton framework,
www.getskeleton.com
while building a website but the skeleton image is displaying as a favicon on the web page's tab. I deleted the image itself and checked all the link, rel, tags and meta tags in the html page and css page to see if anything was pointing towards an image but there's nothing to suggest why it is still there. Any suggestions?
The path of the favicon is dist/images/favicon.png.
Ensure if the favicon is deleted from this path.
Also try clearing browser cache and hard refresh the webiste Ctrl + F5.
Maybe a stupid question, but for the life of me I can't find a reference to the favicon "ico" file on this website:
http://www.fitnessutah.com/
They obviously have one because it displays in the browser tab/window. I've tried Chrome developer tools, Network tab which shows all images on a page -- but no favicon there either. Where is it hiding?
It does seem to be being pulled in differently, but it is typically always in the default location - which this one is as well.
http://www.fitnessutah.com/favicon.ico
There are two ways to specify the favicon for a website:
1) Give a link to the favicon
<link rel="icon" type="image/png" href="/somepath/favicon.png" />
2) Put it in a prefefined URL, this is relative to the server root. So in this case will be http://www.fitnessutah.com/favicon.ico
This website seems to be using the second method so you will find the favicon in that link.
You do not need to add a link element with your favicon image for it to appear on your website.
Quote:
A second method for specifying a favicon relies on using a predefined URI to identify the image: "/favicon", which is relative to the server root.
Source:
http://www.w3.org/2005/10/howto-favicon
Further to Keir's and Carlos' answers - to spell it out - most browsers are programmed to also look for a favicon here:
http://yourwebsitename.com/favicon.ico
If the favicon image is named/stored as above, there is no need to mention it in the HTML code.
Therefore, if you are looking at a website and you can't find any reference to their favicon in the HTML source, just type the website's base URL in the browser address bar followed by /favicon.ico:
http://example.com/favicon.ico
Real-life example - try to find the favicon in the source code:
http://www.fuelly.com/favicon.ico
Use Chrome Dev Tools Network tab.
Filter by favicon
reload the page with Shift+F5
You will get the icon regardless it was loaded with link or from default location