How to Create a Favicon for Your Blog or Website

by - 9:10 PM

A “favicon” is that that small icon to the left of a website’s address bar and browser tabs when visitors view your website or webpage. You can read my previous post “What is a Favicon” to learn more about it. It is easy to create a favicon. Below is a step by step guide to create a favicon for your blog or website.

How to Create a Favicon for Your Blog

1. Create an image of your choice, that’s 16×16 pixels in size. Keep in mind that your favicon should be something that reflects the idea, theme or color of your website, something that your readers will associate with the site. This is one of the main reason why most webmasters uses their site’s logo. Other website publishers and bloggers uses a more unique icon for easier branding. I am using my blog logo as my favicon. Just a quick tip, since favicon is a very small icon, you might want to consider a simpler graphics.Your site’s logo will work great but you can also try using your site’s initial. It’s all up to you. Hey, it’s your site, create your website’s favicon however you wish. What I always do when I am creating a favicon, I make a bigger square size image. Say 600 x 600 square pixels or 1000 x 1000 square pixels, just to make work easier. Once I am done creating, I resize my file to 16×16 pixels. If you decide to use your blog logo, just resize it and you’re ready for the next step.

2. Save your created file as an ICO file or a GIF file. If you do not have a graphics software like Photoshop, Microsoft Digital Image Pro, PhotoImpact Pro, Jasc Paint Shop Pro, Ulead PhotoImpact and the likes, you can use some free favicon generator tools available online. You can check my list in my other post.
How to Create a Favicon for Blog or Website

3. Upload your favicon ico file or gif file to your website or blog. If you are using Blogger, you can read my post “How to Add Favicon to Blogger” for the steps. If you are using Wordpress, please read “How to Add Favicon to Wordpress” for a more detailed steps. Don’t worry it’s not difficult.

4. Refresh your blog and ting! ding! You should be able to see your site’s favicon. Enjoy!

0 comments

Follow @StyleVivs on Instagram