By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,268 Members | 1,316 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,268 IT Pros & Developers. It's quick & easy.

How do I designate a logo next to the header of a webpage using HTML?

mariko
P: 23
If you notice on this website there is the green symbol/logo next to the title of this webpage. It is on a tab if you are using Mozilla Firefox or Google Chrome. It is also next to where you type in the website. How do I put up a symbol using HTML?
May 29 '10 #1

✓ answered by UpsideDownTire

@Dormilich,

True what you say about the use of formats GIF, JPEG, PNG, etc as 'favicon' files. But for ease of compatibility for any browser then ICO is the way to go.

P.S. to use the other formats, don't forget the "rel" attribute, something like this:

<link rel="icon" type="image/png" href="http://mywebsite.com/imagefile.png">

UDT

Share this Question
Share on Google+
3 Replies


P: 7
Hi mariko;

Create an icon file (1616, 3232 or 6464 pixel square) and save it to your website as the file "favicon.ico". Almost all browsers look for this file. That's is what you are seeing.

UDT
May 30 '10 #2

Dormilich
Expert Mod 5K+
P: 8,639
PS. except for Internet Explorer, all browsers also support that icon in GIF, JPEG, PNG, some even in SVG format.
May 30 '10 #3

P: 7
@Dormilich,

True what you say about the use of formats GIF, JPEG, PNG, etc as 'favicon' files. But for ease of compatibility for any browser then ICO is the way to go.

P.S. to use the other formats, don't forget the "rel" attribute, something like this:

<link rel="icon" type="image/png" href="http://mywebsite.com/imagefile.png">

UDT
May 30 '10 #4

Post your reply

Sign in to post your reply or Sign up for a free account.