How to Create a Favicon For Your Website
Posted by Spyros Panagiotopoulos in Website Enhancements, tags: create a browser icon, favourite icon for website, how to create a favico, website favico
As a webmaster you need to constantly make your website better and enhance it not only by adding new content but by sometimes also taking some notice to the overall design and decorative things that should be added. Remember to keep your priorities in quality content first, because nobody has to be perfect on everything at first. It is important that you understand what matters more for your website or blog, as this post about making a better blog discusses.
What is a Favico ?
In case you are not aware of that term, a favicon is simply the icon that you can spot right at your browser’s address bar, usually on the left side. For this website, you can notice a “hollywood-like” star next to the address bar, which serves as the favico for website-creation-tips.com. It is a very nice decorative addition for your website that enhances its overall looks and it is very easy to add one too. It’s in fact as simple as selecting your image as a favicon, as you will see below.
How to Create a Favicon ?
Since a favicon is simply a 16×16 pixels image, every image that has this attribute can be used as such. However, creating the icon can be pretty messy if you decide to do it from scratch. It is way better to just select the image you would like to make a favicon out of and then transform it to a favicon. There are several websites that do this for you, but i feel that this one on Dynamic Drive is a very solid choice. At this one, you just select your image and then you hit “create button” and get your new favicon.
A good idea is to select a pretty small image to create a favico out of, since the smaller it is, the better it will look like when it is transformed to a favicon. So, now that you have created your favicon, name it as “favicon.ico” and then be prepared to insert it at your website.
Doing so is very trivial. You just need to spot the HEAD element of your index page. This is at the very top of your index page. Edit it and paste this code :
<link rel=”shortcut icon” href=”favicon.ico”>
Once you do that, the only thing remaining is to upload your generated favicon.ico to your webhost server, at the same folder where your index file lies and you will be set. If you happen not to know how to do that, you may want to take a look at the basics of ftp uploading with the Free ftp client FileZilla.
At this point, right before ending this post, i really feel that you now are thinking of what favicon image to put on your website. I know because i was thinking about it a lot before choosing mine 
Random Posts
If you enjoyed this post, make sure you subscribe to my RSS feed!
Entries (RSS)
You got great informational website with useful posts.
But let me tell you, it is Favicon not Favico.
Anyways, other than that, the post was helpful
Yeah, actually you are right but somehow i’ve become used to using both, sorry for that