LostInTechnology

How to Make a Favicon

Posted on 15. Jan, 2010 by Prasanth Chandra in How To

The term Favicon stands for “Favorites Icon”. When you open a web site in a web browser, you will be able to see a small image on the address bar before the web site address, that particular image is called a Favicon.

For most users, Favicons are useful in identifing a particular site in a group of flooded bookmarks. And in the view of a web site or blog owner, a favicon has the potential to let your website stand out in a bookmark list.

This post is going to show you how to quickly create a favicon for your blog or website.

Creating a Favicon

Creating a favicon is not a huge task. It is nothing but a normal image with an “.ico” extension, but you need to do a little more than just change the extension of any image.  There are two ways to create a Favicon for your website.

Using Favicon.cc

The first way is to use a website like favicon cc. Favicon.cc lets you either upload an image or create it from scratch. This free web service provides you with all the required options to get your favicon right. Once you are done with all the customization, click on the button labeled as “Download Favicon”. That’s it.

Editing Your Own Image

The other option is to edit your own image.  Start with opening the image (that you want to set as your favicon) in your favorite image editor. Make sure that the image you start with is a square in dimensions. If it isn’t, you can crop that particular image to make it a square.  Now, adjust its pixel size to a lower value, something around 16×16 pixels. And if possible, save the image with “.ico” as the extension. If it does not allow you to do so, then save it in “.png” format.

Conclusion

That’s all there is to it.  Making your own favicon is an easy process, and it should be done in order to give your website that extra personal touch that will hopefully make your website stand out.

By Prasanth Chandra from PCs Place and Review Unit , Tech Blogs about Gadgets, Software, Web apps, Tips and Tricks , Tutorials on Computer and Internet. Catch him on Twitter @pcsbox

Related Posts

• Create Your Own Toolbar with Conduit
• Use the Internet to Get Free Stuff

Tags: create favicon, favicon, How To, make