Creating a favicon for your online shop

by Kristof Maletzke, 06.09.16

Have a look at the tab bar of your browser. For this page you can see a red ePages “e” displayed there. An image like that is called favicon. In our article we explain you how you can easily use your own favicon for your shop and show some nice examples.

What is a favicon?

A favicon is a small image that is displayed to your website’s visitors in various places in the browser.

For example, it can be seen in tabs next to the website’s title to help users find the site again quickly when they have several tabs open:


The favicon is just a detail of your online shop and most likely does not have any noticeable impact on your sales. But often these details separate the good shops from the great!

Tips for creating your own favicon

There are several things you should consider when choosing your shop’s favicon.

In general, it is always a good idea to use your logo (or parts of it) for this. Since the favicon is displayed only in a very small size in most cases, it should be very simple. Make sure that it is consistent with your corporate design.

Keep in mind that the favicon always needs to be square. If your shop’s logo has a square shape, you are safe to go with a simple favicon version of your logo. To create such a favicon, you do not need any additional tools – just create it out of your shop’s logo as described in the instructions at the end of this article.

The Pet World and Yusimi chose this convenient way and just show their logo as a favicon:


If your logo does not really fit in the square shape of the icon, you can also just use one characteristic part of the logo – like Dentona or Trebes+Henning:


You want to be more creative instead of just using your logo? Then you can come up with a completely new idea! For instance, you can create a favicon showing off your products, like the cake pop shop Guter Kuchen:


Notice that someone already took a bite out of the cake pop.

C.A. Seydel Söhne, a manufacturer of blues harps, shows one of these instruments as a favicon:


Bathrooms At Source does not use a product, but a stylised image of a water jet:


As you can see, there are many ways to create a memorable favicon.

How do I choose a favicon for my shop?

With ePages you can either create the favicon from your website’s logo or upload your own.

How to create a favicon from your website’s logo

1. In the Administration area in the main menu, select Settings and then General settings.

2. If you have not yet uploaded a logo, under Logo select Upload image and upload your logo.

3. Under Logo, select the link Create new favicon from logo. Your own favicon is shown on the right.

4. Save the changes.

How to upload your own favicon

1. Prepare your own favicon. It should be either 16×16 pixels or 32×32 pixels and the file format should be .ico or .cur. To create an icon you can use a free online tool like

2. In the Administration area in the main menu, select Settings and then General settings.

3. Under Favicon, select the Upload image button.

4. Select your favicon file from your computer.

5. Save the changes.

About the author

was Communications Manager at ePages.

Similar posts


No comments available

Share your opinion


Leave a Reply

Your email address will not be published. Required fields are marked *