How to Change your Favicon in Joomla 3

Changing joomla 3 favicon

You may have noticed in your Joomla 3 websites, that it automatically displays the Joomla logo in browsers by default. This little image is known as a Favicon.
In this tutorial we will show you how to replace the Joomla Favicon with one of your own. This common customization can help people identify your brand logo, and also differentiates your site from other Joomla 3 sites.

Changing your Joomla 3 Favicon

  1. Create your Favicon with the dimensions 16×16 pixels, and make sure the file is named “favicon.ico“. There are many free Favicon Generators online, here are a few of the most popular ones:
    inmotionhosting.com/support/tools/favicon-generator
  • tools.dynamicdrive.com/favicon
  • www.favicon.cc
  • favicon-generator.org
  • Upload your icon to the following folder where your Joomla is installed: /templates/your_template_name
    For example, if you are using the protostar template, your Favicon will be uploaded here: /templates/protostar/favicon.ico
    Refresh your page, then you should be able to see your new Favicon on your website. You may have to clear your browser cache, or test it in a different browser to see the new Favicon.

Congratulations, now you know how to customize your Joomla 3 website, by changing your Favicon!

Share this Article
IC
InMotion Hosting Contributor Content Writer

InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!

More Articles by InMotion Hosting