homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

include image in title of html doc
title image include html

 10:07 am on May 27, 2009 (gmt 0)

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.




 10:14 am on May 27, 2009 (gmt 0)

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]


 10:18 am on May 27, 2009 (gmt 0)

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

Cheers for the quick response.


 2:15 pm on May 27, 2009 (gmt 0)

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?


 7:36 am on Jun 5, 2009 (gmt 0)

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 :)


 7:37 am on Jun 5, 2009 (gmt 0)

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:


 7:42 am on Jun 5, 2009 (gmt 0)

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)


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

is what I use.


 8:34 am on Jun 5, 2009 (gmt 0)

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


 8:50 am on Jun 5, 2009 (gmt 0)

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

indifferent smile

 1:23 am on Jun 6, 2009 (gmt 0)

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved