As I’ve just added one of these to this very site, I thought it would make a good topic of the day.
Just in case you don’t know what a ‘Favicon’ is. It’s the tiny little logo or picture that you see in the tab above when you open a website and it’s always to the left of the site title. It’s also the same little image you see when you look in your favorites or bookmarks folder. I find them extremely useful especially when I’ve got 20 or more different tabs open.
I’ve done this before but never with a WordPress site. I’ve always used just one or two letters of text as the image. It’s very easy to do and you can definitely still read it when it’s so small. Think of Facebook, WordPress and Internet Explorer and they all use just one letter, for a very good reason. I’m a strong believer in not reinventing the wheel
To make the small image is also probably a lot easier than you might think, especially if you follow my suggestion and just use text like my ET one above – yes, the kids at school had fun with that!
I use Paint Shop Pro but I guess you could use any image editor such as Photoshop, Paint or Gimp:
- Create a 16 pixel square image @ 72DPI
- Choose your typestyle – nothing too fancy is best
- Make sure the text colour will stand out against your background
- Add the text to the image – you will need to experiment with text size
- Just use undo and keep playing around until it looks good
- Save the image as a jpeg or gif file on your computer
Now, you need to change it into an .ico type image and add it to your WordPress site. I’m not going to tell you here how to do that step by step but I will point you to a great website that will – the one that I have just followed perfectly. Click here