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.
Asked
Active
Viewed 6.0k times
8
-
1Great I have the same question !!!! thanks for asking – Feb 26 '13 at 22:28
-
3The [favicon](http://en.wikipedia.org/wiki/Favicon)? – David Thomas Feb 26 '13 at 22:30
-
@DavidThomas don't waste rep and post your answer. – Luiggi Mendoza Feb 26 '13 at 22:30
-
Did you try to look at the source code? What does it look like? What did you try to get it to work? Remember you are expected to do some research before asking a question. – Floris Feb 26 '13 at 22:30
-
@Floris, I do not know what it is called so how to research on it ? – Daniel Morgan Feb 26 '13 at 22:33
-
1I googled *web page icon* and it appears [Favicon - icon for webpage](http://www.rw-designer.com/favicon) in the first page of answers =\ – Luiggi Mendoza Feb 26 '13 at 22:37
-
1Did you even _look_ at the source code? Your answer is the seventh line of this page. "Research" is not always the same thing as "type the keyword in Google". When you have a working sample like this you have a perfect opportunity to learn by doing. Too bad you didn't grab it... – Floris Feb 26 '13 at 22:40
2 Answers
11
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.
Boaz
- 19,892
- 8
- 62
- 70
1
What I think you're referring to is called a Favicon. Here's a link that helps you make (or import an image) and then exports the favicon for you to use. Once you've downloaded the file, just place it on the root of your site directory.
Justgrant2009
- 603
- 1
- 8
- 18