Actions

Difference between revisions of "Changing the site favicon"

From Joomla! Documentation

Line 1: Line 1:
 
# '''Create a 16x16 pixel image.'''  You may use graphic software such as [[wikipedia:Photoshop|Photoshop]], [[wikipedia:Gimp|Gimp]] or [[wikipedia:Windows_Paint|Windows Paint]] or an online tool such as http://antifavicon.com/
 
# '''Create a 16x16 pixel image.'''  You may use graphic software such as [[wikipedia:Photoshop|Photoshop]], [[wikipedia:Gimp|Gimp]] or [[wikipedia:Windows_Paint|Windows Paint]] or an online tool such as http://antifavicon.com/
# '''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/
+
# '''Convert to ico format''' using free online sites such as:
# '''Copy the file to the folder outlined in the path above.'''
+
#* http://converticon.com/
 +
#* http://www.favicongenerator.com/
 +
#* http://www.htmlkit.com/services/favicon/
 +
#* http://tools.dynamicdrive.com/favicon/
 +
#* http://www.favicon.cc/
 +
# '''Copy the file to the /images directory under the Joomla! root directory.'''
 
# '''Make sure the file name is favicon.ico. '''
 
# '''Make sure the file name is favicon.ico. '''
 +
 +
By default, the Joomla! favicon.ico file can be found in the /images directory.  Some templates, however, will contain code that redirects the browser to /templates/template_name/icon.  To determine where your new [[wikipedia:Favicon|favicon]] should be, examine /templates/index.php and look for code that resembles: <source lang="html4strict"><link rel="shortcut icon" href="http://yoursite.com/templates/your_template/icon/favicon.ico" /></source>
 +
 
Alternatively, modify the index.php for the template, so that it uses your preferred ''name.ico'' file.
 
Alternatively, modify the index.php for the template, so that it uses your preferred ''name.ico'' file.
 +
 +
''Editor's note: The above is not quite accurate as Joomla! will look for the favicon.ico file in the template directory automatically too.  The above statements need checking and re-wording.''
 
[[Category:Templates]]
 
[[Category:Templates]]

Revision as of 03:31, 19 June 2008

  1. Create a 16x16 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:
  3. Copy the file to the /images directory under the Joomla! root directory.
  4. Make sure the file name is favicon.ico.

By default, the Joomla! favicon.ico file can be found in the /images directory. Some templates, however, will contain code that redirects the browser to /templates/template_name/icon. To determine where your new favicon should be, examine /templates/index.php and look for code that resembles:

<link rel="shortcut icon" href="http://yoursite.com/templates/your_template/icon/favicon.ico" />

Alternatively, modify the index.php for the template, so that it uses your preferred name.ico file.

Editor's note: The above is not quite accurate as Joomla! will look for the favicon.ico file in the template directory automatically too. The above statements need checking and re-wording.