How can I add a picture in address bar of the browser when my page is browsed?

favicon, html

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:

- 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?

Problem

Duplicate: 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?

Original source

Related problems