Saturday, 23 April 2016

How to add favicon to the web application or website ?


A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage.
This would then automatically be used in Internet Explorer's favorites (bookmarks) display.

It is better to have icon file in .ICO, .PNG or .JPEG format.

The following format is cross-browser compatible and is supported by Internet Explorer, Firefox, Chrome, and Opera :
<link rel="shortcut icon" href="http://www.example.com/myicon.ico" />
<link rel="shortcut icon" href="/somepath/myicon.ico" />

The following shows the supported format of link tags, using examples, for HTML and XHTML :
<link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />
<link rel="icon" type="image/png" href="http://example.com/image.png">

Most web browsers do not require any HTML to retrieve a favicon that conforms to the de facto file name and type (favicon.ico) located in the web site's root.

No comments:

Post a Comment

Note: only a member of this blog may post a comment.