A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16, 32x32 or 64x64 pixel square icon associated with a particular website or webpage.
Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab.
The following format is cross-browser compatible HTML for adding a favicon to your site and is supported by Internet Explorer, Firefox, Chrome, and Opera. This code should be placed into the <head> of your site's HTML. This is located in the template resources/templates_default/main.header.tpl.
<link rel="SHORTCUT ICON" href="http://www.example.com/myicon.ico" />
Additionally the following is also acceptable:
<link rel="SHORTCUT ICON" href="/somepath/myicon.ico" />
Most web browsers do not require any special HTML to retrieve a favicon as long as the icon file is a standard Windows .ico file called favicon.ico and is located in your web site's root. If no favicon HTML link is detected in the HTML of the web page and no previous site visits are recorded in the browser's history, the default favicon.ico is requested automatically.
Note that in addition to Windows '.ico' files, it is also possible to use other image file types. Details of supported image types are included in the table below:
| Browser | ICO | PNG | GIF | Animated GIF | JPEG | APNG | SVG |
|---|---|---|---|---|---|---|---|
| Google Chrome | Yes | 4.0 | 4.0 | No | 4.0 | No | No |
| Internet Explorer | 4 | No | No | No | No | No | No |
| Mozilla Firefox | Yes | Yes | Yes | Yes | Yes | 3.0 | No |
| Opera | Yes | Yes | Yes | Yes | Yes | Yes | 9.6 |
| Safari | Yes | 4.0 | 4.0 | No | 4.0 | No | No |