![]()
Sometimes in blogging, it is the little things that matter. Attention to detail is crucial in blogging and writing. One of the little details that sometimes gets overlooked in blogging and website development is the favicon. In this post, I will show you how to add a favicon to your blog and website.
What is a Favicon?
Maybe you have never noticed it, but web browsers show a little image in the browser tab next to the name of the blog or website you are visiting. This is called the “favicon.” If the website does not have a favicon, the browser will use it’s own default image.
![]()
On all of my blogs, I use the Standard Theme, and it comes with it’s own default favicon, which is a little black box with an “S.” inside it.
In this post, I will change my favicon.
Create a Favicon
The first thing to do is create a favicon. You can use your favorite image editor to do this, or you can use a favicon generator tool. The tool is kind of cool because you can make animated favicons as well. I use Photoshop and then create the icon using the methods described below.
Whichever way you create a favicon, make sure you make the image square, and don’t include too much detail. The image will eventually be tiny, only 16 x 16 pixels, and this doesn’t leave much room for detailed works of art. Make sure you save it as *.jpg or *.png
However, I usually start out with an image that is 100 x 100 pixels so that I can work with it, and then I shrink it down later. Also, creating an image of this size allows me to use it for a thumbnail later if I want, such as for a Gravatar.


RSS stands for “Really Simple Syndication.”









