What is a Site Icon or Favicon?

A favicon which is short for favorite icon or site icon as many people are more commonly referring to it as, is a tiny image that is associated with a website. You will see in the browser tab of your website pages. When we design our niche websites here at WA, we can create such an icon and upload it to our website by several different ways, and browsers that support them and most of them do, will then make use of it.

Where do Site Icons / Favicons Appear?

Browsers that provide favicon / site icon support typically display it in the following locations:

  • The browser's tab, directly above the address bar.
  • In the history
  • Next to the page's name in a list of bookmarks
  • As a desktop icon

Creating the Site Icon

This WA tutorial will walk you through the different ways you can create a Site Icon. Depending on your WordPress theme, you may be able to easily add it, but many themes do not have a way to add it easily, so it is my hope this tutorial will help.




Join the Discussion
Write something…
Recent messages
theresroth Premium
Tagged, Steph, thank you!
Reply
DPolny Premium
Awesome! I never even realised there was such a thing...tunnel vision when surfing the web lol. Thank you for posting this:)
Reply
stephhill Premium Plus
We all have tunnel vision every now and then! :)
Reply
Dreamer56 Premium
Thanks Steff good stuff
Reply
Debs3 Premium
Nice job, Steph! Thank you again for another great tutorial. I'll be giving this a go within the month once I have some upgraded photo's to work with.
:)
Reply
stephhill Premium Plus
Thank you Deb! I am glad you enjoyed it. With respect to using photos for your site icon, the photo might not work so well, because the site icon may be too small to really see the photos. Test out to see what the site icons will look like before using the photos. You do not have to use photos. You can use any image you want. Perhaps a logo if you have one? A symbol that represents your niche site? I use my photo for my WA money site, but that is has more to do with branding. I use my father's photo for his tribute site. But, for a wedding site I have, I use a small wedding icon - JenEricWedding.info

So feel free to be creative with your site icons.

Steph
Reply
Debs3 Premium
Okay, thank you for letting me know (and for the examples). I see what you mean. And I am definitely wanting to get a logo done also. The person who I have in mind for helping me may come up with some cool ideas for a site icon along with logo. Exciting. I might have a few more questions once I am all ready for installing. Thank you again, Steph. You are a really big help!
:)
Reply
MPollock Premium
Thanks. this is Awesome.
Reply
stephhill Premium Plus
You are most welcome my friend. Do you have any questions?
Reply
MPollock Premium
By the end of the week after trying this I will end up with a question or 2
Reply
stephhill Premium Plus
You bet. You know where to find me. :)
Reply
MPollock Premium
Sure do.thanks
Reply
MPollock Premium
Sure do.thanks
Reply
Top