Adding A Favicon To A WordPress Site
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
Tagged with: Favicon • Wordpress
Filed under: Diary
Like this post? Subscribe to my RSS feed and get loads more!
Great post Eddie,
This is something on my list of things to do and I accidently came across your site and this was the 1st post I came across. Fate perhaps?
Many thanks
Lorna
Great post Eddie
I think I should also add favicon for my blog
Thanks,
Smith J
Favicon looks great! Congrats on the new blog:)
Nice post Eddie, so many people don’t have a clue how to do this, so that link is very useful information. I think attention to detail makes a big difference!
Nikki
Hi Eddie,
Site looks good.
We will all keep improving our sites as we go on.
All the best.
Ian
Nice post Eddie, thanks for the tips on Favion, there is also a WP plugin just in case anybody don’t know how to upload to the root, just google “favicon wp” and also you can use “irfanview” free software to rezize and convert to .ico
I just wanted to thank you all for the positive comments, onwards and upwards