Friday, April 30, 2010

PrestaShop Tips - How to setup favicon

What is a favicon?

A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage.

A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of his own from the hard drive and associate it with a website.

How to setup

Here is the instruction to setup a favicon for your PrestaShop.

  • Create a favicon use any tools you have like PhotoShop.

    You can use some free online tools or service like
    Event Paint which is Windows included tool is able to do that. Just save it with extention "ico".

    Make sure you the size is 16 x 16 pixels

  • Login to PrestaShop back office as admin.

  • Select Preference Tab

  • Select Apperance Sub-Tab

  • select the favicon file you just selected at Favicon property

  • Click Save

  • You are done.
    See sample at:

    Please also note:
    1. It takes for a while for your favicon to show up on your browsers. (like 1 hour?)
    2. It is better to clear your browser's cache to force your browser to download your new favicon.


    Anonymous said...

    Thanks for this post. It was very helpful!

    Mentors Resource said...

    your post was helpful to me. Big thanks, keep it up.