Isn't it silly that a tiny favicon requires yet another HTTP request? How can I put the favicon into a sprite?

Everybody knows how to set up a favicon.ico link in their HTML:

<link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon">

But it’s silly that for only a several-byte-tiny icon we need yet yet another potentially speed-penalizing HTTP request.

So I wondered, how could I make that favicon part of a usable sprite (e.g. background-position=0px -200px;) that doubles as say a logo in the rest of the website, in order to speed up the site and save that precious and valuable HTTP request. How can we get this to go into an existing sprite image along with our logo and other artworks?

8 thoughts on “Isn't it silly that a tiny favicon requires yet another HTTP request? How can I put the favicon into a sprite?”

  1. Hello just wanted to give you a quick heads up. The words in your content seem to be
    running off the screen in Ie. I’m not sure if this is a formatting issue or something to do with web browser compatibility but
    I thought I’d post to let you know. The design and style look great
    though! Hope you get the issue resolved soon. Many thanks http://cleckleyfloors.com/

    Reply

Leave a Comment