If you just launch your blog or website and want to know how to create favicon online for blog or website online with step by step guide?
Don’t worry, I am going to share a step by step guide for you, so keep following this guide and you will end up getting good favicon for blog/website.
Table of Contents
How to Create Favicon Online for Blog or Website?
Creating favicon online isn’t that hard as people found and I found that, there are so many website owners who don’t have favicon for their websites. Well, you must have generate favicon for blog or website immediately.
But if you don’t know what is it, then you must read this quick intro about favicon.
What is Favicon?
A Favicon is an icon that is used to represent your website in the browser’s tabs. It plays a big role give your brand website an identity and it also helps your website to differentiate from others. Favicon’s mostly found in the address bar of the web browsers. Know More.
But they can be used in the shortcut, tab, bookmark etc.
In Which Format Favicon Should be Uploaded on Website?
Mostly, Favicon saved in the ICO file format, but you can use other image formats such as PNG, GIF, JPEG for the favicon, but I highly recommend you to use ICO format as it is widely supported in all browsers.
Best Size for Favicon for Blog & Website
The Favicon size for the blog must be 16 x 16 pixels and if you are going to use the ICO file format, then you can also add sizes such as 32 x 32, 48 x 48, 96 x 96. By using these sizes, your favicon will be perfectly visible when the user access your website in the browser.
How to Create a Favicon for Blog or Website?
There are so many favicon generator available on google, but you can follow this guide, where I’ll share a step by step method to create favicon for blog by using an online tool.
Create a Favicon Online
- Go to Browser, and enter https://www.favicon-generator.org/.
- Now, Choose File and Select Your Website Logo Icon as image in PNG, JPEG format.
- Select Generate Icon for Web, Android, Microsoft, and iOS (iPhone or iPad) Apps
- Or Generate only 16 x 16 favicon.ico
- Or you can use the browse icon gallery
- And now, you can download favicon file.
- Now, go to WordPress Customization section and choose site identity and upload favicon file.
Note: Don’t forget to add below code in the header section (<head></head>) of your blog or website.
<link rel=”icon” href=”https://www.yoursite.com/favicon.ico” type=”image/x-icon” />
Replace yoursite.com with your website url.