Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

html

favicon

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?

like image 575
praveenjayapal Avatar asked Mar 09 '09 14:03

praveenjayapal


People also ask

How do you get your logo to appear on the browser tab?

Click 'Manage' next to 'Favicon'. Click 'Upload Image', and select an existing image or click on 'Upload Media' to upload an image from your computer. Click 'Add to Page'. You'll now see a preview of what your favicon would look like on your browser tab.

What is the icon called in the address bar?

The icon shown on the address bar for some websites is known as the favicon.

Why does my website not show pictures?

There are several possible reasons why your images are not showing up on your pages as expected: The image file is not located in the same location that is specified in your IMG tag. The image does not have the same file name as specified in your IMG tag. The image file is corrupt or damaged.


2 Answers

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?
like image 62
Paul Dixon Avatar answered Oct 04 '22 17:10

Paul Dixon


That image is called a favicon and here are some links on how to add one or you can just google "how to add a favicon" for more information.

http://www.w3.org/2005/10/howto-favicon

http://www.clickfire.com/favicon-tutorial

http://essentialkeystrokes.com/tutorial-how-to-create-your-own-favicon

like image 45
Joe Avatar answered Oct 04 '22 16:10

Joe