How to Change the Favicon on Your Joomla Site

The favicon is the small image that people use to identify your site. It appears in their bookmarks, in their browser bar and in any tabs that they have open:

Favicon With Joomla

By default, Joomla uses the official Joomla logo. Here's how to change the image to something that reflects your website:

  • Step 1: Find the image that you'd like to use. The best favicons are normally square and don't have a great of detail.
  • Step 2: Either resize the image yourself to 16 pixels high and 16 pixels wide, or you can use a website such as https://www.favicon.cc to resize it for you.
  • Step 3: Make sure that the image is called favicon.ico
  • Step 4: You will need to upload the image via FTP or your favorite file manager. The location you need to upload to will look like this /templates/your-template-name/. That's all. You don't need to place it in your template's images directory or even Joomla's image directory. Just place it in your template's main folder.

A Note of Caution:

Many browsers use "caching" which means they show a version of the page from several minutes ago. That means that your browser may not show your new favicon immediately. You may need to delete your browser cache (instructions are here) and restart your browser to see the change.