Icon help

So way back when, when I was futzing around endlessly with setting up the site, and then again when I was working to migrate the original hand-rolled avfl to wordpress, I remember crossing a few different discussions of how to get your website’s icon to appear in the URL bar at the top of the browser. And of course you’ve seen them; they’re everywhere. So now, it’s late, I can’t sleep, the interns aren’t answering my urgent pages, and I’m wondering how difficult it is to get the paper-sack guy up in the browser toolbar. Probably not very, but there’s no accounting for how dense a lazy insomniac can be.

Update: Well you’ve all been extraordinarily helpful as per usual. Two hitches: 1)I can get the favicon into the root with no problem and it shows up at http://www.averyfineline.com/favicon.ico. However, it doesn’t show up at other pages within the site, as far as I can tell. I tried opening other avfl pages in IE and Firefox. No luck. I tried newly bookmarking the page and reloading it that way. Still no dice. Hmmmm. 2)Clearly the icon is just not terribly useful at the itty bitty low-quality size necessarily for the favicon. I’ve tried cropping it down to focus only on paper-sack guy himself and not so much his computer, but you have to squint really hard and do a lot of wishful thinking for the image to be more than a bloppy glob. Which may mean …. back to the drawing board.

Email this Post


  1. Snarfie wrote:

    Not sure about this helping but I did a Google for “image in URL” and came up with these (among others):



  2. Willie wrote:

    You will need to create a BMP image that is 16 by 16 pixels. Then name it FAVICON.ICO and put it into the root folder of your WEBsite. (The same place your INDEX.HTM goes.)

  3. wv wrote:

    Maybe someone has already posted about this, but I think they are called favicons. I tried to find out about those as well for my sites–here is some info:

  4. KB wrote:

    You need to take a .jpg icon, reduce it to about 32×32 pixels, and rename the file “favicon.ico” instead of “filename.jpg”. Place this file in the root directory (in this case, “http://www.averyfineline.com/favicon.ico”).

    That’s it!

    (NOTE: the file extension NEEDS to be “.ico” instead of “.jpg,” otherwise, it won’t pick it up)

  5. Joe wrote:

    In case the HTML formatting doesn’t paste correctly, reference:

    Method 1

    This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don’t worry if you don’t have access to your web site root; take a look at the next method.

    If you have access to the root of your web site, simply save your icon file as “favicon.ico” there. For example, if your web site is “www.chami.com”, your icon file should be available at “www.chami.com/favicon.ico”. The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site.

    Method 2

    If you don’t have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with “.ico” We’ll use the name “logo.ico” and assume that your web site is under the directory “~your_directory”.

    Listing #1 : HTML code. Download logo.htm (0.2 KB).

    NOTE: Above tag should be inserted in-between the and tags.

    By the way, you can specify multiple logos for multiple pages using the second method. Simply save your icons using unique names, such as logo1.ico, logo2.ico, logo3.ico for example, and replace “logo.ico” in the above HTML code with the name of the icon you want to use for any particular page.

  6. Bryan K. Fowler wrote:


    I have an easy script that I was running on my site. It will only work in IE-not Firefox. Send me a message if you want and I will forward it to you. Looks great.

  7. Snarfie wrote:

    Hey! The baghead is up! Way to go, Doug!

  8. Daniel J. Mount wrote:

    You did it! Congratulations, Doug!

Post a Comment

Your email is never published nor shared. Required fields are marked * Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.