Favicon: Difference between revisions

From Joomla! Documentation

← Older edit
Guysmiley (talk | contribs)
52 edits
No edit summary
MATsxm (talk | contribs)
Email Confirmed, JDOC Contributors, Translator
34,129 edits
No edit summary
 
(14 intermediate revisions by 6 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="html"><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.
</translate>


1. '''Create a 16x16 pixel image.'''
<translate>
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/
<!--T:2-->
 
The default icon is the Joomla! logo, but you may change it to suit your site.
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/
</translate>
 
3. '''Copy the file to the folder outlined in the path above.'''


<noinclude>[[Image:Favicon-en.png|400px]]


[[Image:Favicon.png]]
<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 23:19, 2 December 2014

Other languages:

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

Retrieved from "https://docs.sandbox.joomla.org/index.php?title=Favicon&oldid=137638"