Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

HTML set image on browser tab [duplicate]

Tags:

html

css

favicon

How do I set a little icon next to the website title on tabs in the web browser?

like image 713
ozsenegal Avatar asked Mar 01 '10 23:03

ozsenegal


People also ask

How do I add a logo to my browser tab in HTML?

To add a favicon to your website, either save your favicon image to the root directory of your webserver, or create a folder in the root directory called images, and save your favicon image in this folder. A common name for a favicon image is "favicon.ico".

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.


2 Answers

It's called a Favicon, have a read.

<link rel="shortcut icon" href="http://www.example.com/myicon.ico"/> 

You can use this neat tool to generate cross-browser compatible Favicons.

like image 199
Cory Petosky Avatar answered Sep 21 '22 17:09

Cory Petosky


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

Excellent tool for cross-browser favicon - http://www.convertico.com/

like image 29
mathewsun Avatar answered Sep 24 '22 17:09

mathewsun