| SitePoint Sponsor |
Help with Favicons
Hey Buds,
I am having trouble setting up my favicon.
My code is currently:the icon is in the folder, and it is saved as "favicon.ico". I have renamed it before, if that matters. And the image is currently already saved as a ICO.Code:<html> <head> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> </head> </html>
Thanks
Also, if I type this into my Address bar :
file:///C:XXXXXXXXXXXXXX/Desktop/ico/favicon.ico.ico
It appears.
My site worked instantly with the Favicon and you seem to have set everything up correctly. The code I use is this though:
I do very little coding myself (I have a website partner for that), but this quick answer should hopefully help while you wait for someone with more experience.Code:<link href=’your url’ rel=’shortcut icon’ type=’image/x-icon‘/>
Sometimes it takes a while for the icon to appear. Try bookmarking the site or viewing it in a browser you haven't used yet. Also, be aware that you can't create an image (such as .gif) and then just change the extension to .ico. You need a tool to convert it into a true .ico file.
You can get a plugin for Dreamweaver to allow it to save .ico files here:
http://www.telegraphics.com.au/sw/
and there are also some online tools that allow for the same, such as
http://tools.dynamicdrive.com/favicon/
http://www.chami.com/html-kit/services/favicon/
http://www.favicon.cc/
http://www.prodraw.net/favicon/index.php
Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form
Try your hand at the new JavaScript Challenge!
If you don't like getting your feet stuck in a bog, avoid Twitter BootsTrap.
This worked for me in notime
Good luck.Code:<!-- Site icon bookmark --> <link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon.ico" type="image/x-icon" /> <link rel="icon" type="image/icon" href="http://www.yoursite.com/favicon.ico" /> <!-- /Site icon bookmark -->
I just renamed the file to favoriteicon.ico and changed the HTML accordingly. It showed up for me.
I didn't feel like waiting to see if it would indeed show up on my site after waiting a bit.
Originally Posted by mudroot
Twitter-@Ryan_Reese09
http://www.ryanreese.us -Always looking for web design/development work
What do you mean by "the icon is in the folder"? Do you mean it's in the same folder as your pages? In that case, try changing the link to readwithout the leading /Code:href="favicon.ico"
The disadvantage of this advice is that if he is using dynamic pages with PHP includes (or other repeatable context), the directories you are linking to may not have the actual icon in it.
It's best to place the icon in the root directory for this reason, and simply identify it via /favicon.ico.
Twitter-@Ryan_Reese09
http://www.ryanreese.us -Always looking for web design/development work
I agree with Ryan.
Most browsers will show your 'favicon.ico' (24 bit) if it is placed in the root folder of your site.
If you have a multiple site from the same root, it is best if you specify (exactly) the root dir.
(see what I wrote above)
I agree with that.
I was also under the impression that the icon had to be 16 x 16, and that it wouldn't work if it was larger. (I don't remember where I got that from, but I've always worked on that basis).
Mike
Right Mike,
HERE, the size is not that importrant but the 24 bit
While playing with that (the favicon.ico), I managed to see an .ico 128x128x24.
Interesting. I've just looked at the favicons for all my sites. They're either 4-bit or 8-bit, and all 16 x 16. As far as I know, they have always worked properly.
Is that figure of 24 a maximum, or the actual figure?
Mike
Right. Using the max. 24 bit you also get a good resolution.
Posting Permissions
Reply With Quote
Bookmarks