web address icon.... how?

in General Discussion edited January 2014
how do you incorporate an icon up in the address bar of the web browser for you own website?


  • Reply 1 of 5
    What you are referring to is called a "favicon" (fav-eye-con). Dimensions have to be 16 by 16 pixels. You can use a bitmap with no transparency and rename the the handle from .bmp to .ico or you can use many of the generators on the web.

    Here are a couple that were successful for me:



    Now, once your .ico graphic is ready, you just place it in the same directory as your index.html, or any other pages you may think people will bookmark.

    Keep in mind, some browsers have a hard time showing the favicon. Re-bookmarking the page, clearing the browers cache, and dragging the icon next to the address has all worked for me. Good luck.
  • Reply 3 of 5
  • Reply 4 of 5
    rokrok Posts: 3,519member

    Originally posted by Akumulator


    one thing to mention... make sure you only go live with your favicon when you are sure it's ready for primetime. safari's cache needs to be cleared in order to show any changes to favicons, and i am betting most other browsers do, too. so just make sure you like it, because some people may be looking at it for a very long time.. even after you change it... if they never flush the cache.
  • Reply 5 of 5
    Ok. Good to know, thanks.
Sign In or Register to comment.