Difference between revisions of "Favicon"

From Joomla! Documentation

m
 
(11 intermediate revisions by 5 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.
+
<noinclude><languages /></noinclude>
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>
+
<translate>
 
+
<!--T: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 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.
== To Modify the favicon: ==
+
</translate>
 
 
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.'''
 
  
 +
<translate>
 +
<!--T:2-->
 +
The default icon is the Joomla! logo, but you may change it to suit your site.
 +
</translate>
  
[[Image:Favicon.png]]
+
<noinclude>[[Image:Favicon-en.png|400px]]
  
[[Category:Landing Pages]]
+
<translate>==See also== <!--T:4--></translate>
 +
<translate><!--T:5-->
 +
* [[S:MyLanguage/Changing the site favicon|Changing the site favicon]]</translate>
 +
<translate><!--T:6-->
 +
[[Category:Landing Pages]][[Category:Glossary]]</translate></noinclude>

Latest revision as of 18:19, 2 December 2014

Other languages:
Deutsch • ‎English • ‎Nederlands • ‎eesti • ‎español • ‎français • ‎polski • ‎русский • ‎中文(台灣)‎

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-en.png

See also[edit]