I’ve had clients ask me “what are those little images that show up when I bookmark a website” and wonder how they can get something more interesting than the boring default bookmark image.
These little images are called favicon icons, they don’t just show up when you bookmark a website, but depending on the browser you are using will show up next to the URL bar (the place in your web browser where you type in the address of the site you want to go to) and on the tab bar (the place above the website you are browsing which shows the title of the page).
Having a custom favicon icon can be a nice little touch to your website.
You can start off designing them like any other image in an image editing program such as Photoshop. Keep in mind they have to be square, so you can start off with any size square that you would like. However you will have to shrink the image down to precisely 16×16 pixels, and with such a tiny image it’s best to keep your design very simple.
To actually show up favicon icons must be of a file type called .ico. There are free programs which can convert different types of images into favicon icons, such as this one:
Once you have your favicon.ico upload it into the root directory of your website, and it should automatically show up. If it doesn’t then try adding this code in the head section of your website (as in between these tags <head></head> )
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
Thanks for u r information
its very useful
I really surprise to read this because i Don’t know Favicon now i m very much comfortable with word favicon.
Thanks for this article.
Now I am really understand what exactly a favicon is. I know about it but not more and always think that how to set the icon in starting of a web address.
I really happy to read this I learned about Favicon,thank u very much);
I was search on google.com and found this post. I found this blog very nice and informative. I will be the regular visiter of this blog.
Thanks