How to add a favicon in weebly

How to add a favicon in weebly is a really common question for weebly users and webfire themes customers so we thought we should write a weebly article on how to add a favicon in weebly.

What is  a Favicon? A Favicon is a great way to personalize your website to make it that little bit more unique to you. It is the little icon that shows up next to your website title in the browser.

By default it looks like this:

How to add a favicon in weebly

You can replace the Weebly icon with any icon of your choice!

These instructions will show you how to add a favicon in Weebly.

Please Note: you must have either the “starter” or “pro” subscription on your site to edit the favicon.

How to add a favicon in weebly in three simple steps.

Step 1 – Create your Favicon

Most image programs today allow you to create a favicon, in this example we’re using Gimp to create our favicon. Your favicon should be 32 x 32 px. A lot of people use their company logo.

If you don’t have any image manipulation software, the best bet is to use the default one installed on your computer to create a 32 x 32 px image (png or jpg) of your icon. you can then use a website service such as http://www.favicon.co.uk/ to convert it into the correct format (.ico)

Here is the icon we’ve created:

How to add a favicon in weebly

Step 2 – Upload the favicon into weebly

From the Weebly dashboard go to settings:

How to add a favicon in weebly

Scroll down to the “favicon” section and click the “upload” button and select your icon file.

How to add a favicon in weebly

Step 3 – Publish your website

Click Publish:

How to add a favicon in weebly

Now you should see your icon when you view your website:

How to add a favicon in weebly

 

Weebly Templtes