How to Change your Favicon in Joomla 3
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
- Create your Favicon with the dimensions 16x16 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 favicon.htmlkit.com
- 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!
‹Section 20: Fatal error: Call to undefined method - Joomla 3 Component Development
›Section 22: Adding a Weather Module in Joomla 3
Joomla Community Google+ Hangout #3
June 3rd, 2014
Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!
Support Center Login
Social Media Login
2015-01-14 1:39 am
I've just had a journey on this website for few times, but I can say that it is VERY HELPFUL.
Thank you very much!
2015-04-18 5:01 am
...not good at all - as every time your customer will update the template he will lose the favicon as it will be replaced by the joomla favicon again...
...so first of all you should put it in a custom path if you don't want to lose it after every update.
2015-09-16 8:40 am
You can create your own favicon online at http://onlinefavicon.com/ , create favicon using drawing tool or just upload your image jpeg,png or gif file and generate to 16x16 or 32x32 ICO file, or look at the gallery with favicons created by other users and download the same. Finally read the description how to set up favicon to your site!
2015-09-16 10:52 am
We appreciate you contacting us, and sharing this information.