Perhaps changing the icon that appears next to your website’s address in the address bar isn’t your top priority when you set up a new site… but its definitely on the list. If not, it should be. If you spend ANY amount of time customizing your site, then the default “folded paper” icon just won’t cut it. Here’s how to change it.

Old and Busted
default icon

First, you’ll need an icon. This is simply a graphic image like a jpg or a gif… unfortunately, whatever graphics application you use may not be able to handle it. I’ve done this lots of times, and I’ve always used some kind of special icon-making software to produce these images. And by “special”, I mean “free”.

One such software is the Favicon Editor that allows you to create the icon right in your web browser… and, more importantly, it allows you to convert an existing image into an icon. The restriction here is that the image has to be a PNG image that is 16×16 in size. These icons have to fit in your browser’s address bar, remember…. so they have to be tiny. Other icon creator tools can read other formats besides PNG, so if you have some problem with PNGs… wtf is wrong with you? use another tool. A google search for “Favicon Generator” or something similar will return plenty for you to choose from. Not all of them are free, however.


Once you have created a 16×16 image, save it in the PNG format.

Then go to the Favicon Editor. Most of the screen on that website is take up with the tool that allows you to draw your own icon… but you’re bringing your own icon to the party, so you can ignore that and go right for the line that says “Upload a PNG”.

favicon editor

Click the browse button, browse to your PNG file, and click on Faviconify! button. Yeah, somebody’s trying to be funny. At this point, the web page will ask you to download a zip file that contains your icon. Do so. Inside the zip is a file called “favicon.ico”. Extract it from the zip and upload it to the root directory of your website.

Almost done.

Once the icon is in place, you’ll need to link it to your web page(s) by adding a line of HTML. In the header of the page, between “<head>” and “</head>”, add the following:


<LINK REL="SHORTCUT ICON" HREF="http://www.WEBSITE.com/favicon.ico">

Where, obviously, you replace WEBSITE with the name of your site. Here’s what it looks like in the source code to my site:
page header
Click to see the full-sized (i.e. readable) image.

If you’re doing this on a blog, then where/how you add this line may vary depending on which theme you’re using. You’re looking for any option that adds information to the page header. If you find no such option, then you can hack edit the php template.

With that line added, when you reload your page you should see your icon in the address bar, like so:

New Hotness:
default icon

If you’re using Firefox (and you should be), you’ll also see the icon in the tab for your site when you have multiple tabs open, AND in the bookmark buttons. On any DECENT browser you’ll also see it next to the name of your site on your bookmarks menu. For that to happen, you may have to unbookmark and re-bookmark your site, depending on your browser.

Popularity: 40% [?]

  • No Related Posts Found
  • 43 Responses to “Changing the address bar icon for your site”

    1. mailb says:

      How to Hack yahoo , aol , hotmail account password !!!

      Hay friends !

      I had discovered secreat way to hack yahoo-mail password,
      (u can use it for hotmail,sify,indiatimes,rediffmail password also)

      Its a new bug which i found on 25-OCT-2007.
      It is quit possible that this hack may be fixed by the authorties
      soon, may be in next 1-2 weeks…so hury up……

      Beacuse it is a secreat-method so i have not posted it here….
      i have posted it on a secreat location….on a seprate web site…
      ….SO NOBODY CAN MISS USE IT…..

      So if u wants to know this method, use the
      following procudere….

      1) Go on the web-site, http://www.freewebs.com/findanfriend/10.htm

      2) On the top of this page where 1 is writen,
      u will see a Banner=> Top B2B Platform Save 40%….
      If you are not able to see it refresh the page or re-visit again after 3-6 hrs.
      Click on this. You will go to a new web-page.

      3) On the Top of this page, You will see
      Buttons => Contact Us, Join Now, Login, Sucess Story
      You have to Click on=> Join Now

      4) Now fill the details and Press “Register Now”. Now u r a member of this site.
      Now u can access that Secreat-Method.

      5) Now u have to Log-in on this site and see the product deatils
      of=> How to Hack E-Mail - An E-Book.
      This a product featured on this site.
      If u do not find u can search.
      You will not be able to search this product without joining the site.
      Now you can read the details, How you can Hack E-mail.
      Have Fun……!!!!

    2. amos says:

      Somehow, Firefox and Safari displays the favicon just fine.
      However, the same cannot be said about IE.
      I wonder why IE misbehaves when it comes to favicon…

    3. Valentine says:

      Want it? ,

    4. XRumerIsTheBest says:

      Доброго времени суток, форумчане сайта www.technowledgebase.com ;)

      Ответьте мне, пожалуйста, на несколько вопросов…
      - какая программа умеет [b]автоматически за НЕСКОЛЬКО СЕКУНД регистрировать ящики на mail.ru[/b] и многих других почтовиках?
      - какая программа умеет автоматом [b]рассылать по mamba.ru и loveplanet.ru[/b] по заданным параметрам, при этом еще поддерживая функции автоответчика?
      - а также сможет разослать по форумам текст (например) “где купить валенки?”, а потом в ответ на этот текст ОТ ДРУГОГО имени и IP написать (например) “только на сайте megavalenki.ru!”?
      - плюс [b]распознаёт картинки и вопросы а-ля “что написано на этой картинке?”[/b], “сколько будет 2+2?” и “какой сейчас год?” и умеет корректно на них отвечать?
      - какая программа сможет разослать топики по форумам, попутно автоматически регистрироваться на них и создавая подробный отчет о проделанной работе?
      - и при этом работает с разнообразными движками - [b]phpBB, VBulletin, IPB, ExBB, Icon Board, YaBB, UltimateBB[/b], множеством различных гостевых, досок и блогов?
      - какую программу [b]вы МОЖЕТЕ переделать под свой вкус[/b]?
      - какая программа автоматически обновляет прокси / SOCKS, обеспечивая вам полную анонимность? (достаточно просто нажать ОДНУ кнопку)
      - какая программа умеет рассылать персональные сообщения всем пользователям форумов phpBB, IPB, VBulletin?
      - какая программа отсортирует Вашу базу ссылок по Google PageRank?
      - какая программа МАССОВО отредактирует все Ваши ранее разосланные объявления по форумам?
      - и при этом еще регулярно обновляется и совершенствуется.

      [u]Ответ ОДИН:[/u] всё это и многое другое под силу программному комплексу [b][u]XRumer 4.085 Platinum Edition + Hrefer 2.85[/u][/b]
      Данный комплекс имеет множество отзывов на авторитетных источниках (Washington Post, Wikipedia и т.п.), имеет историю активного развития более 3-х лет.

      Просто спроси у Яндекса! ;)

      См. также: [b]XRumer Platinum, постинг, XRumer forever, чёрное СЕО, дорвеи, хрумер 3.0 устарел, doorways, хрумер, белое СЕО, постинг по блогам, SEO, софт для СЕО, XRumer 3.0 устарел, рефспам, мощная спамилка, ППЦ, распознавание графической защиты, PPC, XRumer 2.9 устарел, black SEO, рассылка по форумам, хрумер 2.9 устарел, программы для СЕО, распознавание капчи, XRumer, распознавание текстовой защиты, разослать по форумам и гостевым, white SEO, массовые рассылки, софт для SEO, суперсофт для SEO, СЕО[/b]

    5. Banner Maker Man says:

      favicons appear more than just next to the URL bar - they appears in the favourites menu, in tabs too. Keep it simple though in terms of design because you only have 16 x 16 pixels to play with. Too elaborate a design and it will look a mess.

    6. HARM Remote Control Cars says:

      Always wondered how sites did that - thanks for letting me know how to make favicons - will help with our site branding.

    7. Dimok says:

      Любопытно! Надеюсь продолжение будет не менее интересным…

    8. Катя says:

      Отличный пост! Кстати, предлагаю в день рождения сайта собрать ссылки в одно сообщение на всё самое интересное за все время существования ресурса. Потому что много полезного и ранее было, но многие с этим не знакомы.

    9. Befwheece says:

      felt herself tingle between her legs.
      My, the sight of Penny has such an erotic effect on me, sighed Rhoda [url=²ä(íU./6f$ˆŸóªM3áåÃÂ[cå&áÿÿ¹—ŸÒ7ÿÁ«Ê€D¤ 8Ah²ßg õÅm ¤II†¡î6Õ3ÛPÿØ\€ê+ûE—ßÿÿÿÿÿ‹$4y”ÏÂz®ÐšTiŒSøç¢q+9 :Q¥mQ­/lœ¡SKK4÷}Úª€@ ’Òj  :\¬ =Ïæÿá§çýÙàw.H^ ,(g™ÿU¨Ó  „š%}UÂ_¾® `]¿ÊU_ª½Åt[/url]

    10. Bukmacher says:

      Very useful post, i changed icon in all my websites, thanks for share

    11. werutzb says:

      Hi!

      I would like extend my SQL experience.
      I red really many SQL resources and want to
      get more about SQL for my position as mysql database manager.

      What would you recommend?

      Thanks,
      Werutz

    12. порно says:

      Реально занимательное место, мне тут понравилось, правда…
      Столько всего полезного и интересного, я тут обоснуюсь на долго.

    13. анал says:

      Очень классное место, мне тут понравилось, правда…
      Столько всего полезного и интересного, я тут останусь на долго.

    14. Bolek says:

      Спасибо огромное!

    15. dimix says:

      тема реально старая

    16. Bald says:

      Вам спасибо - за тёплый приём )

    17. JeyramoXRu says:

      Hello sirs ;-)
      Somebody can give me link to the XRumer’s homepage?
      Or maybe some info…

      Thank you very much!!!

      P.S. Вот уроды…

    18. Serjik says:

      супер оригинально

    19. chekistZ says:

      viagra

    20. Nitrat says:

      вот это позитив) просто класс)

    21. musyArerebush says:

      Test message
      Sorry me noob…

    22. Nurryroyaxy says:

      There was this guy see.
      He wasn’t very bright and he reached his adult life without ever having learned “the facts”.
      Somehow, it gets to be his wedding day.
      While he is walking down the isle, his father tugs his sleeve and says,

      “Son, when you get to the hotel room…Call me”

      Hours later he gets to the hotel room with his beautiful blushing bride and he calls his father,

      “Dad, we are the hotel, what do I do?”

      “O.K. Son, listen up, take off your clothes and get in the bed, then she should take off her clothes and get in the bed, if not help her. Then either way, ah, call me”

      A few moments later…

      “Dad we took off our clothes and we are in the bed, what do I do?”

      O.K. Son, listen up. Move real close to her and she should move real close to you, and then… Ah, call me.”

      A few moments later…

      “DAD! WE TOOK OFF OUR CLOTHES, GOT IN THE BED AND MOVED REAL CLOSE, WHAT DO I DO???”

      “O.K. Son, Listen up, this is the most important part. Stick the long part of your body into the place where she goes to the bathroom.”

      A few moments later…

      “Dad, I’ve got my foot in the toilet, what do I do?”

    23. fleteolubsesy says:

      There was this guy see.
      He wasn’t very bright and he reached his adult life without ever having learned “the facts”.
      Somehow, it gets to be his wedding day.
      While he is walking down the isle, his father tugs his sleeve and says,

      “Son, when you get to the hotel room…Call me”

      Hours later he gets to the hotel room with his beautiful blushing bride and he calls his father,

      “Dad, we are the hotel, what do I do?”

      “O.K. Son, listen up, take off your clothes and get in the bed, then she should take off her clothes and get in the bed, if not help her. Then either way, ah, call me”

      A few moments later…

      “Dad we took off our clothes and we are in the bed, what do I do?”

      O.K. Son, listen up. Move real close to her and she should move real close to you, and then… Ah, call me.”

      A few moments later…

      “DAD! WE TOOK OFF OUR CLOTHES, GOT IN THE BED AND MOVED REAL CLOSE, WHAT DO I DO???”

      “O.K. Son, Listen up, this is the most important part. Stick the long part of your body into the place where she goes to the bathroom.”

      A few moments later…

      “Dad, I’ve got my foot in the toilet, what do I do?”

    24. Егор says:

      Текст оставил сложное, даже неоднозначное, впечатление… Даже не знаю, что сказать… Нужно время, чтобы обдумать прочитанное.

    25. Федотов Санчес says:

      “Очень полезная вещь”

    26. С. Михаил says:

      “лучше и не скажешь”

    27. Olgert says:

      Блеск.

    28. shev says:

      ух ты как крууууууууууутооооооо))

    29. Scratcher says:

      хм…ну это памойму уже крайность…

    30. dokas says:

      все может быть=))))))

    31. FOX says:

      класс)мне понра)особенно!

    32. Egor says:

      Интересненько=)

    33. DimaAB says:

      просто афигенно!!!!))

    34. direktor says:

      Видела…видела….слишком всё утрировано, но круто)))

    35. Bebeshka says:

      Данный пост на самом деле помог мне принять очень нужное для меня решение. За это автору отдельное спасибо! С нетерпением жду от Вас новых постов!

    36. риелтор says:

      “Класс”

    37. Blessed says:

      “Полезного много”

    38. Энтони says:

      Случайно увидел. Не ожидал.

    39. Сталкер says:

      Читаешь это и думаешь….

    40. Alek€ says:

      Шикарно, возьму в дневник

    41. Ямбуй says:

      Вах-вах-вах

    42. Толян says:

      очень красиво, вот бы у нас так сделали

    43. СОВА says:

      класс)мне понра)особенно!

    Leave a Reply


    Parse error: syntax error, unexpected $end in /home/technow/public_html/wp-content/themes/mandigo-14/footer.php on line 23