I have an spring application and i want to show favicon image.
In my case browser is not making any call favicon image by itself.
I tried
<link rel="shortcut icon" href="<spring:url value="/assests/login/img/favicon.ico"/>"></link>
I also tried setting profile attribute in head
<head profile="http://www.w3.org/2005/10/profile">
in both cases browser is not making any call for favicon
Try this code
<link rel="shortcut icon" href="assests/login/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="assests/login/img/favicon.ico" type="image/x-icon">
What about this :
<link rel="shortcut icon" type="image/png" href="/assests/login/img/favicon.ico" />
or :
<link rel="icon" type="image/png" href="/assests/login/img/favicon.ico" />
Related
Hey guys I need some help on favicons for my site
I am using chrome and am writing the code in HTML and CSS
I am using the below line of code in my head tag
<link rel="icon" type="image/png" href="favicon-16x16.png" />
can I plz get some help on this fast
Have you tried this? Favicon.ico is an icon file that is displayed next to the URL in the browser bar. (See the StackExchange icon next to the URL).
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
or
<link rel="shortcut icon" href="http://example.com/favicon.ico">
Use
<link rel="icon" href="favicon-16x16.png" type="image/png"/>
<link rel="shortcut icon" href="favicon-16x16.png" type="image/png"/>
This is the code i used to declared which image to use as a page icon and which one to use as a desktop icon. Am i missing something?
<link rel="shortcut icon" type="image/x-icon" href="/src/images/desktop_favicon.ico" />
<link rel="icon" type="image/png" href="/src/images/page_favicon.png">
Is it even possible to have a icon for the webpage and another for desktop?
I added a icon to a site I built but the problem is it doesn't appear on Google Chrome And Safari. And here's what I did:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link rel="shortcut icon" type="icon/icon" href= Jo.ico />
<title>My site</title>
</head>
<body>
</body>
</html>
Well you haven't put speech marks on the href section. And also, you should give your content a more unique identifier, because text and html are keywords, so the browser may, hypothetically, misinterpret them.
Why don't you try this instead:
<link href="Jo.ico" rel="icon" type="image/x-icon">
Your browsers may also be caching the icon. Please make sure your browser cache is properly cleared.
Also, make sure the icon's path is correct ("Jo.ico" assumes the icon is in the same directory as the file containing the above line of HTML).
Method 1
HTML 4.01:
<link rel="icon" type="image/png" href="favicon.png">
XHTM 1.0:
<link rel="icon" type="image/png" href="favicon.png" />
Method 2
<link rel="shortcut icon" href="favicon.ico">
Apple Devices:
<link rel="apple-touch-icon" href="apple-touch-icon.png">
Method 3
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Methond 4 (no support at the moment)
HTML 5:
<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16" />
Save your icon to the root folder of your website with the name: favicon.ico
Google Chrome and IE8/9 don't display my favicon. Here is my HTML code from the head tag:
<link rel="icon" href="images/favi.ico" type="image/x-icon" />
<link rel="shortcut icon" href="images/favi.ico" type="image/x-icon" />
Can you please solve this issue?
Try this: <link rel="icon" type="image/ico" href="path_to_icon/favicon.ico"/>
put it in the root directory and it should work...
<link rel="shortcut icon" href="favicon.ico"> for more info, see here http://en.wikipedia.org/wiki/Favicon
and you should better use the default name favicon.ico,
probably you have to clean your cache in your browser first...
How can I display my web site logo on the address bar?
you just need the favicon.ico in your webroot. the browsers will pick it up automatically.
Using the suggested
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
allows to use differently named icons or different icons for certain pages.
You can put these inside <head> tag:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
Make sure that you specify the correct path, usually the root folder.
More Info about Favicons
The feature is called Favicon.
use a fave icon
<head>
<link rel="shortcut icon" href="http://www.your-page-name.com/favicon.ico">
</head>