Favicon: Difference between revisions

From Joomla! Documentation

Guysmiley (talk | contribs)
No edit summary
MATsxm (talk | contribs)
No edit summary
 
(22 intermediate revisions by 6 users not shown)
Line 1: Line 1:
A 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>


[Image:Favicon.png]The default icon is the Joomla! logo, but you may change it to suit your site.
<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.
</translate>


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>
<translate>
<!--T:2-->
The default icon is the Joomla! logo, but you may change it to suit your site.
</translate>


1. create a 16x16 pixel image.
<noinclude>[[Image:Favicon-en.png|400px]]
You may use graphic software, or an online tool such as:
http://antifavicon.com/


2. convert to ico format
<translate>==See also== <!--T:4--></translate>
* http://converticon.com/
<translate><!--T:5-->
 
* [[S:MyLanguage/Changing the site favicon|Changing the site favicon]]</translate>
3. copy it to the path outlined above.
<translate><!--T:6-->
[[Category:Landing Pages]][[Category:Glossary]]</translate></noinclude>

Latest revision as of 23:19, 2 December 2014

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.

See also