include image in title of html doc

title image include html

[jpolsonb]

Does anybody know how to include your logo in the title of your html document so that it is displayed with the title on the tab, or on the bookmark toolbar?

The only thing i thought of was putting <img> tags in between the title tags. Didn't work.

Cheers

[tedster]

Are you talking about the 16x16 pixel favicon image? If so there is a lot of information in our forums that you can review by using Site Search [webmasterworld.com].

One good place to start is here: Favicon Primer [webmasterworld.com]

[jpolsonb]

Great, thanks for that id never heard the term favicon before.

Cheers for the quick response.

[jpolsonb]

Ok, so i have created a 16x16 image in photoshop and saved it with a plug in as favicon.ico to the same directory as index.html.

I have added this code-

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

-to my index.html document as a test and it works fine offline.

However when I upload it with filezilla it does not appear. I am testing in IE8 and FF3. I have also validated my xhtml 1.0.

When viewed from the ftp software on the server the file does not show a thumbnail of the image, but it does on my local drive.

Can anyone give me any tips?

[badbadmonkey]

It often doesn't refresh. Both IE and Firefox are b!tches in that regard.

Navigate to the favicon URL directly in the browers, hit Ctrl+F5 a few times, then visit the site again.

For other visitors hitting your site for the first time, it should work okay. For repeat visitors, tough :)

[badbadmonkey]

Oh by the way, x-icon is old now and technically wrong, although it shouldn't make any difference. The .ico format is a MS thing, and there is a new MIME type for it - see here:
[en.wikipedia.org...]

[swa66]

about your code: in xhtml, for now do use a space before the self-closing "/" browsers more often than not will parse it as if it were html.

Second line alone should be more than enough to get it working AFAIK.

I vaguely remember something of the favicon working better if you have a full URL in there (Long time since I last played with it)

anyway:

<link rel="SHORTCUT ICON" href="http://www.example.com/favicon.ico"
 type="image/x-icon" />

is what I use.

[tangor]

All above, and also clear your browser cache then try again.

[g1smd]

In addition, if you add a 57x57px image (I forget the name) then the I-phone will use that one instead.

[indifferent smile]

sorry. May I did not understand what you mean. Can not answer your question.. do you want to insert in the title picture?