Creating a favicon for your online shop

by Kristof Maletzke, 12.04.18



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 shop’s visitors in various places in the browser.

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

favicon-0

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:

favicon-A

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:

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:

favicon-6

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:

favicon-c

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 shop’s logo or upload your own.

How to create a favicon from your shop’s logo

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

2. If you haven’t yet uploaded a logo, under Logo select Upload image and upload your logo.

3. Under Own Favicon, select the link Create own Favicon from logo. Your own Favicon is shown on the left side.

4. Save the changes.

How to upload your own favicon

1. Prepare your own Favicon first. It should be either 16×16 pixels or 32×32 pixels and the file format should be .ico. You can use an online Favicon generator for this, such as www.favicon-generator.org.

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

3. Under Own Favicon, select the Upload image button.

4. Select your Favicon file from your computer.

5. Save the changes.

About the author


is Communications Manager at ePages.

Similar posts


Comments


No comments available

Share your opinion


*mandatory

Leave a Reply

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