How To Add High Quality favicon for blogger Website

Are you add a favicon for your blogger website, but not so standard quality. And now you want to add a high quality favicon for your website.

Then this article will be helpful for you. In this article, we are going to explain, how you can add a high quality favicon for your blogger website. So, let's stay with this article.

What is Favicon?

A Favicon is a type of small icon that indicate a brand or a website. It’s generally displayed on next to a web page's title in a browser tab. It also displayed on Google search engine, bookmark, search history, and other places.

How You Find Favicon Option in Blogger?

It’s a very common matter to find out Favicon in a Blogger Website. First of all, you have to go to your blogger dashboard. Then open or click on Setting. After scrolling a little bit, you will see Favicon option.

Shortcut: Open Blogger Dashboard > Click on Setting > Scrolling a little bit > Find out Favicon

How to Create and Add High Quality Favicon in Your Blogger Website

To create a Favicon, you may use any application or software. You can also generate a favicon using online tools but it could be lower quality. So, if you make your favicon higher quality, you have to make it manually.

If you use mobile, you can download Pixellab application. Because, in this tutorial we are going to be use this application. You can download this application from Google Play Store. You can also use another application as you can.

Open Pixellab Application & Create Favicon

After downloading, you have to open Pixellab app. If you want to create a favicon, you have to select image size first.

You have to select Square shape. The aspect ratio of this shape is 1:1. You can also select ratio manually as your wish.

After completing your favicon, you have to remove your favicon background. If you remove background, it would be more professional and responsive.

To remove created favicon background, click on Transparent. Then, you will see that your created favicon background has been removed.

If you satisfied your created favicon, it’s time for saving. To save this favicon, you have to click on Save icon and select save as image.

If you want to make any changes for this favicon in future, you may save it as a project.

Make sure that, your image format is png (not .jpeg) and also make sure that your image quality dimensions is medium or high. We think, medium will be best selection for you.

You will also see very high and ultra dimensions. But, if you select this dimensions, your image size will be increase. As a result, it may impact to add a favicon for your blogger website.

Open ResizePixel for Resizing Favicon

After creating favicon, now it’s time for resizing it. Because, Blogger.com has a favicon option. But it's maximum size only 100kb. So, if your favicon is larger than 100kb, you have to resize or compress it.

Open ResizePixel tool and upload your favicon image file.

Then, you will see these options. You have to select Compress. You can choose Auto (keep the quality) option if your favicon image size is under 200kb to 250kb. Otherwise, you have to choose compress file to (Select your size). And make sure that the sizing format is in KB.

After that, click on Compress button. Then, you will see your file size has been reduced by 75% to 98%. But the quality will be decrease because you compress it manually.

After that, you will see your favicon is ready for downloading. You can simply download it by clicking Go to Download. Then, wait for sometimes and you will see that your favicon has been downloaded successfully.

Open Your Blogger Dashboard

After opening your blogger website, you have to go to setting option and click on Favicon. We're already said that where the favicon option is located.

If you already added a favicon, simply delete it. And then choose file and select your resizing favicon. (Make sure that the favicon is under 100kb otherwise you won’t add it).

After adding favicon, you have to save it. Congratulation, you have been successfully added a high quality favicon in your blogger website.

Important Note: You won't see your new favicon after adding it. To solve this problem, you have to clean your browsing history. Then open your browser again. After that, you will see your new favicon.

Conclusion

We hope, you understand that how you can create and add a professional and high quality favicon for your blogger website. If you have any doubt regarding this article, you will contact us. We will help you as early as possible. Thanks for staying with this article.