Favicon is the abbreviated form of “favourites icon” and it’s that small symbol that appears on a tab next to the title of the webpage.
Look up at the tab at the top of your screen for this page and you’ll see the red square with a white “LH” in it next to the page title. That’s my favicon.
Why do you need one?
A favicon enables your readers to recognize your website easily in their lists of bookmarks, RSS feeds and open tabs. Your favicon consolidates your brand. Let’s say you have a website/blog in one of the popular self-build websites like WordPress or Weebly.
Let’s say 50 of your colleagues do, too. If all of you have the WordPress/Weebly favicon, your entry in a list of bookmarks isn’t going to stand out. Perhaps a potential client has opened the websites of 20 proofreaders so that they can evaluate each one. Your favicon will enable the client to navigate back to your page easily.
How do you make one?
Favicons are usually 16 x 16 pixels in size. You can either resize a stock image, draw your own (using Word, Publisher, Quark, etc.), adapt your existing business logo, or pay someone else to design one on your behalf.
Due to the small size of the favicon, it’s recommended that you keep the image simple and sharp so that it can be rendered clearly once uploaded. If you want to draw a really simple one by simply filling in pixels try Favicon Icon Drawing Program Online Free (it's very basic). If you want to experiment with different colours, search online for "hex colour numbers" and pick your shades.
Once you have your image you should resize it according to your website provider’s instructions. I used Canva (since Weebly needs a PNG) to create my image; an alternative, if you need a .ico file, is Favicon Generator.
My colleague John Espirian kindly posted a comment with links to some favicon generation sites that he's used for years, so consider making these your first stop: Favicon.cc and Dynamic Drive.
How our editorial colleagues are using favicons ...
Take a look at some of our colleagues’ favicons in the screenshot below. Then visit their websites to see how these images match the colour schemes, logos and font styles on their websites.
Louise Harnby | Proofreader ● Espirian Technical Writing Services ● KOK Edit ● Enigma Editorial.
I hope you found this article useful. Feel free to post any questions or comments below!
Louise Harnby is a professional proofreader and copyeditor. She curates The Proofreader's Parlour and is the author of several books on business planning and marketing for editors and proofreaders.
Visit her business website at Louise Harnby | Proofreader, say hello on Twitter at @LouiseHarnby, or connect via Facebook and LinkedIn.
'Louise uses her expertise to hone a story until it's razor sharp, while still allowing the author’s voice to remain dominant.'
'I wholeheartedly recommend her services ... Just don’t hire her when I need her.'
J B Turner
'Sincere thanks for a beautiful and elegant piece of work. First class.'
'What makes her stand out and shine is her ability to immerse herself in your story.'
'A million thanks – your mark-up is perfect, as always.'
All text on The Editing Blog and on the other pages of this website (unless indicated otherwise) is in copyright © 2011–20 Louise Harnby.