Image icon beside the site URL

StackOverflow https://stackoverflow.com/questions/120420

  •  02-07-2019
  •  | 
  •  

Question

I would like to have information about the icons which are displayed alongside the site URLs on a web browser. Is this some browser specific feature? Where do we specify the icon source, ie, is it in some tag on the web page itself ?

Was it helpful?

Solution

These icons are called favicons

Most web browsers support http://mysite.com/favicon.ico but the proper way to do it is to include an icon meta tag in the head profile.

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>

Source from the W3C itself.

Your best bet is to probably do both with the same icon image.

OTHER TIPS

I believe you're referring to the Favicon, which allows a website to specify a 16x16 (or larger) image which is displayed in the address bar next to the URL in most modern browsers.

Some browsers just pick the file called favicon.ico which is in the root of your web folder, whereas others require it to be specified in the <head> of the HTML using the following code,

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

This was originally the way it was done with IE, but that doesn't conform to standards (because of the space in the rel), so most browsers now let you do it as follows, where you can use any standard image format, not just .ico

<link rel="icon" href="favicon.png" type="image/png" />

These are favicons - more info on that page.

Basically, .ico files in the root directory on the webserver.

I will just add that some sites use an animated Gif as favicon. Which can be seen as über cool or supremely annoying, depending on your tastes... And probably not supported by all browsers.

The easiest way to get that info is by this simple web app

link text

You only have to type the url of the page and it returns all the image properties

They're favicons. Browsers look at / on a server for favicon.ico

This is called favicon you can look on this tutorial using favicon in asp.net application LINK

It was originally a windows icon format file, stored under the URL http://site/favicon.ico. Most sites still use favicon.ico, and many browsers still automatically look there, regardless of the meta tags.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top