Adding a favicon to your website

Adding a favicon or Favorites Icon to your website can be as simple as a few easy steps. The favicon has grown increasingly popular with web designers since Firefox and eventually Internet Explore began using tab browsing. It stands as a way to make your site or logo visible even when users are three tabs away and acts as a visual bookmark within your favorites list.

So let’s make a favicon.

First try to use a symbol that strongly represents the firm or website you are trying to promote. I have seen the best results through the use of logos or representations of logos. Some logos are easier to use than other due to their shape or detail. For www.InvisibleProduct.com, I chose to use a representation of our logo.

Once a symbol has been identified I then create my favicon at a size of 32x32 pixels. Some logos you can simply scaled down using the “Save for web” function in Photoshop. For others, you may have to scale down using the “crop” tool before resizing or simply create a new design entirely. Save your file as a .jpg.

Next you have to convert your .jpg into an .ico file extension. For this step I generally Google Free favicon. Most sites work the same however I generally use http://www.favicon.co.uk. Simply upload your .jpg and then save the new .ico to your desktop.

Now that you have saved your favicon.ico to your desktop, it is now time to upload your favicon to the root level of your site. Now that this is complete link every page to your favicon. The code is very simple but I try to place it within another pre-existing include file that I know is on every page. This will save you from having to open each page, paste the code in, save and close the page.

Place these two lines of code within the tags of every page, update the href and that’s it. *Note ��" You may have to clear your cache and open a new browser for the Favicon to work.

For any questions or comments or more useful articles regarding online marketing, please contact Mike Rynchek or visit http://www.invisibleproduct.com/blog/ http://www.invisibleproduct.com/articles.asp.