Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to put an image on the tab bar next to the title of the page on the browser? [duplicate]

Tags:

html

image

jsp

Hi I am wondering how to put an image on the tab bar same as this website that has placed its logo on the left side of its title. as following picture.

enter image description here

like image 420
Daniel Morgan Avatar asked Feb 26 '13 22:02

Daniel Morgan


People also ask

How can I add an icon to the title bar of my website?

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".

What is the little image on a tab called?

A favicon is a small, 16x16 pixel icon used on web browsers to represent a website or a web page. Short for “favorite icon,”' favicons are commonly displayed on tabs at the top of a web browser,—but they're also found on your browser's bookmark bar, history and in search results, alongside the page url.


1 Answers

It's called a favicon and it's set with a <link> tag in the document's header tag.

For example, Stack Overflow sets it with:

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">
<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

The first tag is the cross browser way of setting the icon for common desktop browsers. The second tag is meant for iOS devices.

like image 135
Boaz Avatar answered Sep 28 '22 06:09

Boaz