What Is A Favicon?,What Is A Favicon And How To Add It To Blog Or A Static Site?
A favicon is a small 16px X 16px icon that is displayed the moment a user starts to load your website/blog.
It is located in the tab your browser creates when you open a website, for example take a look at the tab in your browser this post you are reading right now is displayed in.
Do you see the small image right beside the title of the page? That is a Favicon!
Why Is A Favicon Important?
When a user bookmarks your website or whenever they open their browser address bar and your site shows up there, having a favicon displayed there will remind them of your website and makes them more familiar with your website especially if you designed a favicon that stands out.
What Should My Favicon Look Like?
Anything you want really, the possibilities are endless, however most people, especially businesses and companies create their favicon based on their logo.
In other words their favicon is a mini-version of their logo, this is the case for my blog as well, if you noticed my logo you will see it’s the same as my favicon. You can change the background of the favicon to make it display a bit more clear in the browser tab if you want but still maintain the same logo look.
What Is The Format Of A Favicon?
You can’t use any 16px X 16px image and expect your browser to show it as your favicon, it has to be one of the extensions .ICO or PNG.
If you use another image format, it might not work and even if it does work in 1 browser it won’t work for the others, so just to be safe, use either PNG or ICO extensions.
Which Extension Format Should I Use, PNG Or ICO?
It’s really up to you, however the advantages of using a PNG is that by default it is a transparent image which might work better in browsers with different color themes.
On the other hand if a user have a custom theme installed for their browser and let’s say that theme is dark in color, if you use PNG then your image might not appear clear enough because of a dark background color, thus using ICO with a predefined background color in this case solves this problem.
NOTE: CLICK HERE For Most Awesome Blogger Tricks You Must Use In Your blog
Thank you for sharing your thoughts and knowledge on this topic. This is really helpful and informative, as this gave me more insight to create more ideas and solutions for my plan. I would love to see more updates from you.
ReplyDeleteMelbourne Web Developer