A Quick Guide To Creating A Favicon For Your Site
January 27, 2008 · Print This Article
After my post yesterday, a few people have come back to me and asked how exactly they create their own favicon too. So to help them out, and you of course, I’ve decided to blog about it! Let’s begin…
1. As with my logo, you can see that I has an emblem too. Well when I had my logo created, I asked the designer if they could supply me the emblem on it’s own too. As well with the actual logo. Any graphic designers would do the same I’d hope.
2. Once the files have been sent too you. It’s time to convert the file into it’s correct format. That is however unless your designer has already done this for you. It will never harm to ask though! The format for a favicon is .ico
To help you out with the process, I have found a very good converter that you can use online. It’s FREE to use and very easy to work with. So take a look today… http://www.htmlkit.com
In fact, you can convert any image you like into a favicon with that converter. Why not try that out for yourself…
3. With your file converted, you need to upload the favicon file to the folder of your site. Any FTP client will do the trick, SmartFTP or even FileZilla.
4. Next, you need to enter the following HTML tag to your site. Don’t worry, it’s really small.
<link rel=”icon” href=”http://www.domain.com/favicon.ico” type=”image/x-icon” />
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />Note: Don’t copy or paste this code direct from the page. Wordpress tends to mess up the little quotation marks when you do that.
The above code needs to be entered after the <head> tag, and before the </head> tag.
5. Upload your updated site.
Well, that’s it complete. Your favicon will now show whenever you visit your site, you’ll be able to see it in the address bar…or beside any of your bookmarks.
I hope you found this quick guide interesting and useful. As usual, I’d love to read any comments you leave…
Popularity: 32% [?]
This is great Mark. Thanks for posting it. You saved me a lot of time and frustration, I’m sure.
A very helpful Blog post… I have been wondering for weeks how to create one of those little favorites icons!