Favicon is that tiny image that appears next to your website in the browser. Your faviconÂ is usually your company logoÂ or any graphic that relates your brand. What are the benefits of adding a favicon to your website you ask?
- ItÂ helps users identify your brand quickly and therefore build instant recognition of your brand.
- ItÂ improves your website’s usability and user experience. Most people navigate online with multiple browser tabs open and therefore hiding your website’s title as more tabs are added. The favicon helps user identify your website and quickly switch to the tab they want.
- Your users may want to add your website to their mobile homescreen. Your site icon will show on their homescreen mobile device.
How to create a favicon
You can use your brand’s logo as your favicon. The recommended size should be a square image of 512px in height and width. I advise using a image editing program like Photoshop or Gimp to edit and size your favicon.
Create your site icon that is 512Ã—512 pixels. You can save it with a transparent background or use any background color you wish.
Your image can be saved inÂ png, jpeg, or gif format.
Note: For transparent backgrounds png and gif are best formats.
How toÂ add favicon to your website or blog
Since the release ofÂ WordPress 4.3 you can add a favicon to your site via the WordPress settings.
Go to Â Appearance – Customize – Site Identity.
Under Site Icon you can browse to your computer and uploadÂ your newly created favicon.
That’s all! Save your changes and now you can see your site icon in action on your browser.