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"/>
Related
I am using a third-party template in Blogger and favicon option not showing in Layout. I have used this code but not working
]]></b:skin>
<link href='https://live.staticflickr.com/65535/49497319651_bd2f1deb42_m.jpg' rel='icon' type='image/png'/>
you can make or design a 16*16 pixel image in a .png format then use one of the following snippets for adding the favicon itself:
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"/>
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" />
I have made a webpage through notepad. And want to have a "faveicon" but can't add it.
Here's my html's head part:
<link rel="shortcut icon" href="/favicon.ico"/>
after title part i typed this in head.
This worked for me..
<link rel="shortcut icon" href="/images/specialicon.ico" type="image/x-icon" />
Just check this url.. it will helpful to you..
Just add the following in your HEAD section, remember to change type and href:
<link rel="icon" type="image/png" href="http://example.com/myicon.png">
You can make a 16x16 png and then use
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />
If you place a favicon in the root folder of your website called "favicon.ico" then it will work!
By putting the image in the same folder where my web page was located and writing this code it worked :)
<link rel="shortcut icon" href="h.ico">
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...