I'm going to show you how easy it is to add a favicon to your website whether it be a Joomla or normal HTML website.

First of all you need to create your image. For this you will need a photo editing program if you intend on making your own. I use Photoshop for most of my image and photo editing work. A favicon image needs to be one of two sizes, either 16 x 16, or 32 x 32. Obviously trying to create an image on a canvas this small won't be very easy so I find it easier to create my design on a canvas of 500 x 500, something like the image below.

Now visit this website and upload the image. The software within the website will convert your image to ".ICO" format and also resize it. You have got to convert your image to this format, anything else will not work as a favicon. You can then download your converted image ready to put into your website.

If you are adding a favicon to a Joomla website like this one then open up the index.php file within your template folder and enter the following code in the head section


Then upload your favicon to the main images folder in the root. That's it, all done. You may have to refresh/and or clear your cache a couple of times before the favicon shows properly.

Adding a favicon to a normal HTML website is even more straightforward. Add the exact same code to the head section in index.html and place the favicon in the images folder.

That is how you add a favicon to your website.