My company website has a Joomla default favicon. So I decided to create one for our website.

Favicon is an icon that is associated with a website. Wikipedia has a good description of favicon.

To create the icon image, I used Paint.Net for this because this is an open source software program that I have used to create many of my graphic images for web pages. Here is an article on my site about Pain.Net on this site.

Here are the steps that I did to create the favicon

A-Save favicon in png format

1. Open the logo file of our company in Paint.Net. The size of this logo image size is not in a square shape; so we use the “Canvas Size” to turn the image into a square canvas, (Canvas Size is in the Image menu).
2. Save image in the png format, favicon.png

B-Convert png format into ico format

• I used http://tools.dynamicdrive.com/favicon/ to convert the favicon.png to favicon.ico. It is very easy to use. I uploaded favicon.png and click Create Icon. Then I saved thefavicon.ico my computer.

C- Upload it to the right folder of the current theme

• 

  The next step is to upload the favico.ico to the right directory on the website. Joomla has a good article about changing the favicon. I used Filezilla ftp and uploaded the favicon.ico to /templates/jw_clean_pro folder. We used a free joomla template called jw_clean_pro, so I uploaded the favicon icon to the template folder.You can visit our company website at it21inc.com to see the favicon.
  
• For more information about favicon, you can also read our blog at http://it21inc.info/blog/website-development/how-to-create-a-favicon/