Creating your faviconFor the sake of simplicity, this section assumes you are using your logo for your icon.
Step 1: Shrink your logoUsing graphics software (like Adobe Fireworks or Adobe Photoshop), shrink your logo so that it will fit into a 16-pixel by 16-pixel square*. Then, save your new image as a 16x16 PNG or GIF file called "favicon.png" or "favicon.gif".
* It helps if your logo has relatively square dimensions, like the LIFEROCKS logo.
Step 2: Convert the image to "favicon.ico"This step is actually easier than it may seem. There are several options for doing this step, but my favorite is a web-based tool by
Dynamic Drive called the "
FavIcon Generator". You simply click the "Browse" button to locate your favicon.png or favicon.gif file, then click the "Create Icon" button to convert your image. The generator will then provide you with a favicon.ico version of your logo. It really is that simple.
Step 3: Replace the default icon with your ownThe default favicon is located in the "images" directory of your Joomla! installation. For example, on this site the favicon is located at
http://www.liferocks.co.nr/images/favicon.ico. Remove the default icon from your site, and upload your new icon in its place.
Done.You may not be able to see your new favicon right away. The reason for this is because the default icon is probably still in your browser's cache. If you clear your browser's cache, you will be able to see the new favicon.
The favicon is a small thing that really will not affect the performance and look of your site, but paying attention to little details like that will give your site a more finished, professional feel.
As always, please feel free to post any questions or comments