favicon.ico

Description:

A favicon (short for favorite icon) is an icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it.

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.

There are a few ways to make the icon that we know of. Two of them are:

  • Using Preview (OSX)
    • Open any jpeg or png containing a logo
    • Change the pixel size of the logo to 48 by 48 pixels, 8 or 24 bit colour or B&W
    • Save the file
    • Rename it to favicon.ico
    • Place it in the WebPages and 1/WebPagesEN/tmGifs folders
    • Add to /tmScripts/styles.html link rel="icon" type="image/png" href="tmGifs/favicon.ico" - it tells the browser where to go to get the favorite icon. In this case, it says inside /tmGifs for the outlet
  • Using a web page tool like favicon.cc
  • Using any other tool you know of
Make sure to verify the favicon.ico on al browsers (chrome, firefox, safari, edge, opera, and mobile safari)

Google Chrome, for example, will not display the favicon unless it is minimum of 48x48 pixels.

 

Location(s):

WebPages and 1/WebPagesEN/tmGifs

The favicon.ico file is one of the standard pages that should be changed

Able to Call Page(s):

  • Not Applicable

Called By Page(s):

  • The default favicon.ico file in WebPages appears in the address bar next to the title when supported for all pages as standard browser behaviour.
  • The copy should be placed in the in the 1/WebPagesEN/tmGifs which overrides the global favicon.ico file. This particular location is defined within the 1/WebPagesEN/tmScripts/styles.html file