Html – How to add a picture in address bar of the browser when the page is browsed



Image icon beside the site URL

What is currently the best way to get a favicon to display in all browsers that support Favicons?

Preferred way to use favicons?

I want to add my logo in the address bar of the browser, whenever it is browsed.

How do I make a favicon?

Best Solution

You need a favicon - this is a 16x16 image in .ico format stored as favicon.ico in the root directory your site. Some browsers do support other formats too.

A newer, more standards based approach is to include something like this in your html head:

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

See also this document from W3C: How to Add a Favicon to your Site

You might also want to refer to these other answers to the question: