Actions

Difference between revisions of "Favicon"

From Joomla! Documentation

(To Modify the favicon:)
m (update)
 
(7 intermediate revisions by 4 users not shown)
Line 1: Line 1:
A [[wikipedia:Favicon|favicon]] is a small, square image that appears on the browser's tab (if the browser supports [[wikipedia:Tabbed_document_interface|tabbed browsing]]) and on the left side of the site URL in the address bar.
+
A [[wikipedia:Favicon|favicon]] is a small, square image that appears on the browser's tab (if the browser supports [[wikipedia:Tabbed_document_interface|tabbed browsing]]) and on the left side of the site URL in the address bar. A favicon's size in the file is 16x16 pixels but they can also be packed in a multi sized image supported by .ico file, e.g. a 16x16 and a 32x32 pixel image in one file. The sizes used by a browser vary, but the rendered size is always scaled to 16x16, even if a 32x32 image size is provided.
 +
 
 
The default icon is the Joomla! logo, but you may change it to suit your site.
 
The default icon is the Joomla! logo, but you may change it to suit your site.
  
By default, the Joomla! favico.ico file 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 [[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>
+
<noinclude>[[Image:Favicon.png|400px]]
 
+
 
+
== To Modify the favicon: ==
+
 
+
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/
+
 
+
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. '''Copy the file to the folder outlined in the path above.'''
+
 
+
4. '''Make sure the file name is favicon.ico '''
+
Alternatively, you would have to modify the index.php for that template, so that it uses your preferred name.ico file.
+
 
+
 
+
[[Image:Favicon.png]]
+
  
[[Category:Landing Pages]]
+
==See also==
 +
* [[Changing the site favicon]]
 +
[[Category:Landing Pages]][[Category:Glossary]]</noinclude>

Latest revision as of 09:58, 24 June 2013

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. A favicon's size in the file is 16x16 pixels but they can also be packed in a multi sized image supported by .ico file, e.g. a 16x16 and a 32x32 pixel image in one file. The sizes used by a browser vary, but the rendered size is always scaled to 16x16, even if a 32x32 image size is provided.

The default icon is the Joomla! logo, but you may change it to suit your site.

Favicon.png

See also