A favicon (short for Favorite icon), also known as a shortcut icon, Web site icon, tab icon or bookmark icon, is a file containing one or more small icons, most commonly 32×32 pixels, associated with a particular website or webpage.

 

fav ex

An Example of a Favicon

Step 1: Finding the Current Favicon

To find the current Favicon, on your Dashboard go to Design you will find Theme Files.

Where to find the current Favicon

Where to find the current Favicon

After you enter the Theme Files go to Images you will find a list of images. Search for the following images:

  • favicon.ico
  • favicon.gif
  • favicon.png

 

3 favicons

After you find these three images, delete them. You will soon replace your new favicon images here.

 

Step 2: Creating your Favicon

You are now ready to create your own favicon. A good favicon should capture your brand and what it is about. It can even be your logo. Try to avoid words as your favicon as it is only 32px x 32px. After you have created your desired favicon save it in the following formats:

  • favicon.gif
  • favicon.png

You need to create a “.ico” format for your favicon. To do this, log on to the following website: http://www.favicon.cc/

import into favicon cc

Here you can now upload your favicon image.

uploading

After uploading your favicon, you are now ready to generate a “.ico” file.

downloading ico

You can view what your favicon will look like and download your file. You are now ready to upload your favicon.

 

Step 3: Uploading your New Favicon

To upload your new Favicon, go to your Dashboard go to Design you will find Theme Files. Go to Images. Here, upload the three new favicon images.

upload

 

Step 4: Viewing your New Favicon

After successfully uploading your images, refresh your store. You should see your new favicon. If you cannot see your new favicon, clear your browser’s cache.