How to edit joomla favicon
In Joomla! 1.0, the favicon was stored in the /images directory of the site. The system automatically loads a reference to /images/favicon.ico in the header of a Joomla! 1.0 site, so you could change your favicon by simply replacing that file on your server.
Joomla! 1.5 handles favicons differently. Instead of having a central location for the favicon, Joomla! 1.5 loads the favicon from the root directory of whichever template is loaded on your site. For example, the template on this site is located at http://www.howtojoomla.net/templates/htj_960/, so the favicon for this site is located at http://www.howtojoomla.net/templates/htj_960/favicon.ico. If I wanted to change the favicon on this site, I would simply replace that file with a new file called favicon.ico.
Most template designers will either include the default Joomla! favicon in their templates, or they will include their own favicon. It is up to you to take the step of modifying your favicon.
1.Create a 16×16 pixel image. You may use graphic software such as Photoshop, Gimp or Windows Paint or an online tool such as http://antifavicon.com/
2.Convert to ico format using free online sites such as:
http://converticon.com/
http://www.favicongenerator.com/
http://www.htmlkit.com/services/favicon/
http://tools.dynamicdrive.com/favicon/
http://www.favicon.cc/
3.The file you created in this way will have the extension .ico. Copy the file to the /joomla/templates/
4.Open a browser. Do you see your new icon? If so, congratulations. If not, that doesn’t necessarily mean you did anything wrong. Browsers are designed to minimize data traffic, so they don’t refresh the favicon every time they show a page. Even refreshing the page (F5) wont help. So you need to refresh more thoroughly:
Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac);
IE: hold Ctrl while clicking Refresh, or press Ctrl-F5;
Konqueror: simply click the Reload button, or press F5;
Opera users may need to completely clear their cache in Tools→Preferences.
Chrome: Shift-F5
If this doesn’t work you will need to delete the temporary internet files and the history and then open your page again.
Some templates contain code that redirects the browser to another directory or another icon file. To determine where your new favicon should be, examine http://yoursite.com/templates/your_template/index.php and look for code that contains the text If you don’t want to just change the favicon.ico file in its respective template directory you can find the reference to the favicon.ico file in the html.php document. The path is “……..\libraries\joomla\document\html\html.php”. This should prevent the icon from toggling if you use
in the template html and you don’t remove the favicon.ico file. (why call the icon twice?)From the html.php
// Try to find a favicon by checking the template and root folder
$path = $directory . DS;
$dirs = array( $path, JPATH_BASE . DS );
foreach ($dirs as $dir )
{
$icon = $dir . ‘favicon.ico’;
if (file_exists( $icon ))
{
$path = str_replace( JPATH_BASE . DS, ”, $dir );
$path = str_replace( ‘\\’, ‘/’, $path );
$this->addFavicon( JURI::base(true).’/’.$path . ‘favicon.ico’ );
break;”
