How To Design The Favicon

When designing your favicon use either a simple image or letters as it will be re-sized to a 16 pixels by 16 pixels icon. A design too complex won't come out clear. I usually begin by using a transparent PNG background which can be created using Gimp (It's like Photoshop but 100% free) and then place one or two letters onto the icon. I use www.favicon.cc to generate the favicon. It will convert the JPEG or PNG image into a favicon.ico file.

Favicon From Pictures

The simplest way to create a favicon is to use a simple picture and generate using favicon generators. You can use either favicon.cc or Favlcon from Pics, they both do all the hard work for you.

Once you have created your favicon, you can then proceed to uploading your favicon to your WordPress site.



Join the Discussion
Write something…
Recent messages
nomda ploom Premium
I am surprised at the amount of sites that still carry the WA favicon- this is a must-do for all of us- it conveys care and individuality at a fundamental level, thanks for this, Andy
Reply
LilButterfly Premium
Thanks Andy! yes, I agree, definitely a must-do for all of us! It's one of the first steps I make when building my websites, that and the logo and header image.
Reply
EvaCBD Premium
Very nice, thanks for sharing.
Reply
LilButterfly Premium
Thanks Eva! Thanks for commenting! :)
Reply
KatieMac Premium
that is cool thank you for sharing
Reply
LilButterfly Premium
Thanks Katie! You're welcome! :)
Reply
yourbrother Premium
Thanks for this, I was wondering how to get this done.
Reply
LilButterfly Premium
You're welcome Saša! I'm glad I could help! :)
Reply
rob3 Premium
This is very helpful. Creating a favicon adds the important little touch which shows that the site has been created in detail.
Reply
LilButterfly Premium
Thanks Rob! yes, it sure does add that special touch to a website. It also help me when looking up for my websites via my favourites. I just look for the icon and click on it! Makes each website stand out in their own unique way.
Reply
Top