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
- 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).
- 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/