Image in Browser Tab

June 24th, 2006 at 8:12 am by David Farrar

I’ve noticed that many websites have a small graphic appear next to their name in the title bar in a tab or window in the browser.

What is the html code one should use to have that image appear?

Tags:

18 Responses to “Image in Browser Tab”

  1. Jimmy D () says:

    http://en.wikipedia.org/wiki/Favicon

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  2. noizy () says:

    it’s called a favicon. check out wikipedia for the best HTML implementation code and icon editors…

    http://en.wikipedia.org/wiki/Favicon

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  3. err.. () says:

    Good luck getting a comprehensible image in 16x16px though, it’s much harder than it looks.

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  4. Belt () says:

    Hey err… you wuss… obviously never designed software for Windows 3.x, have you? ;-)

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  5. woppo () says:

    There are heaps of favicon resources out there.
    You could try here, for example:
    http://www.favicon.co.uk/

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  6. Polemic () says:

    Horay for photoshop.

    1. Get an appropriate 16×16 image:

    2. Add code to head of page:

    &ltlink rel=”shortcut icon” href=”–path the .ico file–” type=”image/x-icon” /&gt

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  7. Dennis () says:

    The Favicon is more than just an image. Here is the advice our developer provided prior to loading a favicon on http://www.iworldpeople.com to improve performance.

    “One thing that is increasing the load is the lack of a favicon.ico file. This is the image that appears in the address bar of the browser next to the site address (and in the bookmarks list when the site is bookmarked). The error logs are full of requests for this file because each browser requests it with each page. Do you mind if I create a favicon file and put it on the server? Once it’s on there it will be cached by the browser so the requests for it will be greatly reduced.

    Good advice – of course I took it.

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  8. B () says:

    I use the generator here: http://www.html-kit.com/favicon/

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  9. Roddy () says:

    Sent a suggested suitable favicon to your internetnz email.
    With compliments.

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  10. SMA () says:

    All you need to do is create, as noted, a 16×16 image file. Rename it favicon.ico and upload it to your server at the top level. It loads by default, no code needed. Easy.

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  11. Gaz () says:

    Put this line in your head section of HTML.

    where cossack.ico is replaced by the path to your 16×16 bitmap. Easy as!

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  12. Zyreavvv () says:

    interesting thank you…
    enterprise rent a car sales http://breastaug.66ghz.com “>breast augmentation canada

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  13. Xifjekkk () says:

    very interesting
    breast augmentation chicago http://breast16.freehostia.com “>breast augmentation new york city

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  14. Pewjqkkk () says:

    Thank you!
    breast augmentation new york city http://breastaugme.siteburg.com/1 “>breast augmentation new york city

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  15. Pewjqkkk () says:

    Thank you!
    breast augmentation new york city http://breastaugme.siteburg.com/1 “>breast augmentation new york city

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  16. Pewjqkkk () says:

    Thank you!
    san diego breast augmentation http://breastau13.freehostia.com/1 “>breast augmentation new jersey

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  17. Pewjqkkk () says:

    Thank you!
    san diego breast augmentation http://breastau13.freehostia.com/1 “>breast augmentation new jersey

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote
  18. Cefyokkk () says:

    information …
    alaska fishing lodge booking http://fisf.totalh.com/ “>alaska fishing lodge booking

    Vote: Thumb up 0 Thumb down 0 You need to be logged in to vote

Leave a Reply

You must be logged in to post a comment.