Actions

Difference between revisions of "Favicon"

From Joomla! Documentation

Line 4: Line 4:
 
By default, the Joomla! favico can be found in the /images directory.  Some templates, however, will contain code that redirect the browser to /templates/template_name/icon.  To determine where your new favico should be, examine /templates/index.php and look for code that resembles: <nowiki><link rel="shortcut icon" href="http://yoursite.com/templates/your_template/icon/favicon.ico" ></nowiki>
 
By default, the Joomla! favico can be found in the /images directory.  Some templates, however, will contain code that redirect the browser to /templates/template_name/icon.  To determine where your new favico should be, examine /templates/index.php and look for code that resembles: <nowiki><link rel="shortcut icon" href="http://yoursite.com/templates/your_template/icon/favicon.ico" ></nowiki>
  
1. create a 16x16 pixel image.
+
1. '''Create a 16x16 pixel image.'''
You may use graphic software, or an online tool such as:
+
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/
http://antifavicon.com/
+
  
2. convert to ico format
+
2. '''Convert to ico format'''
 
* http://converticon.com/
 
* http://converticon.com/
  
3. copy it to the path outlined above.
+
3. '''Copy it to the path outlined above.'''
  
  
 
[[Image:Favicon.png]]
 
[[Image:Favicon.png]]

Revision as of 13:46, 19 January 2008

A favicon is a small, square image that appears on the browser's tab (if the browser supports tabbed browsing) and on the left side of the site URL in the address bar. The default icon is the Joomla! logo, but you may change it to suit your site.

By default, the Joomla! favico can be found in the /images directory. Some templates, however, will contain code that redirect the browser to /templates/template_name/icon. To determine where your new favico 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" >

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

3. Copy it to the path outlined above.


Favicon.png