Making Websites

How to create a favicon And install it on your website

Robert Brandl

By Robert

Tooltester is supported by readers like yourself. We may earn an affiliate commission when you purchase through our links, which enables us to offer our research for free.

What is a favicon, anyway?

A favicon is a 16×16 or 32×32 pixel small icon, symbol or logo that is usually located left of the address bar of the browser (e.g. Internet Explorer or Firefox). Just like here:

favicon browser

When you have many browser windows open, you can easily and quickly find a particular desired site by its favicon. The recognition value is key – therefore you should create a favicon that reminds the visitor of the rest of the website.

Creating a favicon step by step

To create a favicon, you need a logo or a picture that is square ideally. Using favicon-generator.org you can convert this logo or image into a favicon.

On favicon-generator.org click on Browse and upload the particular logo or symbol. Maintain Image Dimensions (do not resize to 16×16 pixel square) should definitely remain checked.

favicon1

After uploading, click on “Create Favicon”

favicon2

Now, you just have to download the generated favicon by clicking on the link (right click > save as).

To install the favicon, we use the website builder Jimdo. Jimdo is very convenient in this regard, because you can create your own favicon even with a free account. If you are not using a website builder or a CMS that lets you insert a favicon through the menu, use the HTML code you get from favicon-generator.org and install it in the header of your website.

First, go to Jimdo settings, click the favicon icon on the website tab.

favicon4

If you have done everything right so far, you can now choose the favicon from your computer (make sure that it is a .ico file).

After that, just click on “upload” and now you can marvel at our new favicon.

favicon5
Tutorial created by: Fabian

The author

Learn more about us

Robert Brandl

Founder and CEO

Hi, my name is Robert Brandl! I used to work in a digital marketing agency where I managed website and email marketing projects. To optimize my client's campaigns, I always had to find the optimal web tools. Tooltester offers this knowledge to you, hopefully saving you endless hours of research.

Learn more about us

THE BEHIND THE SCENES OF THIS BLOG

This article has been written and researched following a precise methodology.

Our methodology

Comments

website creation ebook cover page

The Step-by-Step Guide to Website Creation

Are you keen to learn the basics before you get started? In our ebook, “Website Creation for Absolute Beginners” we’ll show you the steps you need to take to create your own business website.

Note: We will never share your email address with anyone except our email service provider. Of course, you can unsubscribe at any time.