Add a favicon to your store

A favicon, that little colored picture next to the address bar in your browser, is not something that you may thing is important to your store. True enough, it is not going to sell shirts for you,. It is however an important part of your overall branding and a nother way to differentiate you from the pack. It gets displayed every time your store is visited in someones browser, but more importantly, it gets put against your store in anyone's bookmark list.

A Favicon is one of the smallest images you will every create at only 16 x 16 pixels in size, yet if you get it right, it will be instantly recognisable. A favicon can be either a Gif image or and .ico file. There are plenty of tools out there to create such an image, however the one that I use is a simple, free webservice at You can create an icon completely from scratch using their simple grid based tool, or you can upload a file to be sampled and converted. Either way, the control that you have over the final result is terrific.

To give you some inspiration or at least a head start, click on the yellow rubber ducky to see some of the favicons that I have created for you to use.

To get you chosen favicon onto your store, just add the following HTML: to your Base HTML in the store admin Custom HTML page

<link href="" rel="shortcut icon" />

08.02.2008. 04:14

Fallin1 on 08.03.2008. 18:21

Awesome Rock Gavin,

I did an Icon, but I can't get it hosted anywhere..any ideas? I get wrong file type and when I try hosting from FP, it says the file is too small.

Gavin Smith on 10.03.2008. 23:30

You will need a hosting account somewhere, either a paid one, or a free hosting account with or something similar.

Dan on 05.06.2008. 16:01

Awesome work Gavin. Works perfectly!