How to add a favicon to your website

Today’s how-to tip is an oldie but a goodie. One way to make your website more personal and stand out while strengthening your brand is by adding a favicon to your website URL.

What is a Favicon?
A favicon is a small image next to the website address you see in the browser window. For example: the “W” we have for Webs.com. It comes in a standard size (16×16 pixels):

How to add a Favicon?

1. Create favicon.ico file
This file can be created via a regular photo editing software. If you don’t have any handy, not a problem. Search online for services that help you create a favicon. To search, just type in “favicon” into your favorite search engine. A few  sites that our users have used in the past to create theirs were :

2. Once you have the file created go to File Manager & Upload your file using the “Single File Uploader”

3. You are all Done!

NOTE: In order for your favicon to show up, the file you upload has to be named favicon.ico. Once uploaded, it might take up to 24 hours for our system to process the file and for your favicon to show up.

Until next time, happy site editing!

Irina

About the Author: Irina Kabigting is Webs’ Social Media Marketing Manager. Get more from Irina on Webs’ Blog and Google+.

54 Responses

  1. Reply
    GlamourHits
    Jul 27, 2010 - 02:18 PM

    Thank You For letting us know… i got it now for my site ..
    Its works great …
    Thankx Webs…Keep It Up
    ——————————————
    http://www.GlamourHits.com
    Watch – Download – Free Movie – Music – Software – Game & More

  2. Reply
    AlterPoser
    Jul 28, 2010 - 04:29 AM

    For those who need a more visual approach Webs has a video..

    http://www.webshowto.com/apps/videos/videos/show/4355579-how-to-add-a-favicon

  3. Reply
    DAn
    Jul 28, 2010 - 05:35 AM

    Thanks for the handy tip, it works already!

  4. Reply
    Lee-Ann
    Jul 28, 2010 - 06:29 AM

    So if i’m using your free website design the favicon will be sorted and I don’t have to do anything?

    Regards,
    Lee-Ann

    • Reply
      the Webs Team
      Jul 28, 2010 - 07:56 AM

      @Lee-Ann: All you have to do are the 2 steps outlined in the blog post. The rest is done by our system 🙂

  5. Reply
    eric
    Jul 28, 2010 - 09:21 AM

    using the favicon works fine.my question is how do u when u link my site to facebook for example can i have the favicon as icon next to site.my uncle has his favicon next to his site when he links stuff from site to facebook.how can i do that

  6. Reply
    Alex
    Jul 28, 2010 - 07:02 PM

    I have already done this and I would recommend http://favicon.cc/ so when you create it, the dimensions don’t need to be changed.

  7. Reply
    www.submitdirect.webs.com
    Jul 29, 2010 - 07:14 AM

    Thanks for letting us no i though you had to pay for it thank god you don’t

  8. Reply
    Gido
    Jul 29, 2010 - 01:55 PM

    This is a great idee.
    I going to put it on my website!

    RS Gido
    Site lijder

  9. Reply
    Achintya Srivastava
    Jul 30, 2010 - 05:17 AM

    great…….i will try it for my website

  10. Reply
    MeTalk
    Jul 30, 2010 - 11:42 AM

    That’s really easy to make. It looks really professional too.
    Check mine out: http://www.metalk.webs.com
    Thanks for that!

  11. Reply
    MeTalk
    Jul 30, 2010 - 11:46 AM

    I tried http://favicon-generator.org/ and it’s really easy to make on it. It looks really professional too!
    Check out mine: http://www.metalk.webs.com
    Thank you for telling me how to make a favicon, it looks really cool!

  12. Reply
    www.planetcricket.tk
    Jul 30, 2010 - 12:33 PM

    THANX FOR THIS GREAT POST.

  13. Reply
    me-rii
    Jul 30, 2010 - 01:01 PM

    i’ve always wanted to do this! tysvm!!♥
    haha now i know what it’s called too, a favicon. c:

  14. Reply
    Govi20
    Jul 31, 2010 - 03:15 AM

    Thank you so much for this!

  15. Reply
    Shailesh
    Aug 03, 2010 - 09:51 AM

    i uploaded favicon.ico image
    but no response
    i dont get it on my site as favicon
    plzzz. help as it was my dream to have a favicon of my site…..

    • Reply
      the Webs Team
      Aug 03, 2010 - 09:53 AM

      @Shailesh: keep in mind that there is some delay between the time you upload and the time your favicon shows up.

  16. Reply
    Angela
    Aug 03, 2010 - 01:24 PM

    I followed all the directions, and the favicon.ico file appears in my File Manager, but the favicon is not working. I made the favicon about three days ago (not working), so I remade it on a different site and uploaded it yesterday (still not working).

    • Reply
      the Webs Team
      Aug 03, 2010 - 01:45 PM

      @Angela: I just looked at your website using Firefox browser and your favicon shows up without any issues.

  17. Reply
    Rhino chat
    Aug 04, 2010 - 04:40 AM

    Thank u, it sounds like a great idea!

  18. Reply
    Anonymous
    Aug 04, 2010 - 09:06 AM

    I am astonished by the look of these amazingly beautiful cakes. They are gorgeous.
    La Verne

  19. Reply
    Shailesh
    Aug 04, 2010 - 09:43 PM

    @the webs team………..www.kingbook93.webs.com
    no the favicon does not appeared…..
    plzzzzz….. help

    • Reply
      the Webs Team
      Aug 05, 2010 - 09:33 AM

      @Shailesh: Just looked at your website using Firefox browser and your favicon shows up 🙂

  20. Reply
    Shailesh
    Aug 06, 2010 - 09:53 PM

    but i want dat favicon to show up on internet explorer also…..
    plz. if u have not added dis option
    plz. add it fr internet explorer…..

  21. Reply
    Shailesh
    Aug 06, 2010 - 10:10 PM

    plz. tell also
    how to add meta tags to my site or html

    • Reply
      the Webs Team
      Aug 09, 2010 - 10:03 AM

      @Shailesh: Scroll though older blog posts to learn how to add meta tags

  22. Reply
    PuzzlEd
    Aug 07, 2010 - 12:18 AM

    This is great- I was getting sick of a blank white page in my browser.

    It works beautifully with Google Chrome, but with IE it still shows their logo. (I still have to use IE to edit my sites, so I can resize/reposition images, copy and paste- these don’t work if I use Google Chrome!).

    Thanks heaps!

  23. Reply
    epilasyon
    Aug 09, 2010 - 09:17 PM

    thank you very much for this great instruction on how to set up a favicon. however internet explorer still causes troubles.

  24. Reply
    dear webs team help!!!
    Aug 24, 2010 - 02:43 AM

    its great but till now i cant see my favicon that i made..i waited for more than 24 hours but still no favicon…can you help me please dear webs team…

    • Reply
      the Webs Team
      Aug 25, 2010 - 10:24 AM

      Make sure that you correctly uploaded a .ico file

  25. Reply
    Epicyoshi
    Oct 16, 2010 - 09:46 PM

    Hope it works. By tommorow the answer shall be revealed!

  26. Reply
    CheatForums
    Dec 07, 2010 - 12:05 PM

    So do the favicons show up on Internet explorer?? Other ones do but my site still doesn’t. Help??

  27. Reply
    Shailesh
    Dec 16, 2010 - 09:20 AM

    I uploaded a favicon.ico file with ‘k’ icon very months ago
    The favicon showed up on all browsers
    But after few weeks say 5 or 6
    The favicon automatically changed to some other icon showing ‘s’
    Plz tell me how to change it
    bcoz i not uploaded any ‘s’ in my files
    then why its showing wrong
    plz help?????

  28. Reply
    efa
    Jan 17, 2011 - 07:45 AM

    thank you so much! It works 😀

  29. Reply
    Dottie
    Mar 19, 2011 - 01:10 PM

    Thank you so much, moo~!
    Hee hee, on Monday everyone in my Language Arts class will be asking how I did this, moo. 😛

  30. Reply
    Matt
    Mar 29, 2011 - 04:03 PM

    Thanks this was VERRY helpful!!!

  31. Reply
    david johnson
    Apr 17, 2011 - 12:33 PM

    Favicon loaded and has been over 24 hours but still not showing

    Plus i cant seam to get the HTML codes working, unless i soing something wrong, do you have a sample code to test.

    Regards and thanks

    • Reply
      the Webs Team
      Apr 18, 2011 - 08:50 AM

      @David: If you need assistance with your favicon and any other site related questions, please don’t hesitate to contact our support team.

  32. Reply
    Kool Guy
    May 22, 2011 - 09:26 AM

    Thanks. I’ve been wondering about it. Now I’ve known. I’ll surely make one for my site! :d

  33. Reply
    Vorrisan
    Jun 30, 2011 - 09:28 PM

    Do you have to wait sometime before it works, I am not getting it to work and i uploaded to file and its in the name you gave me to use…

  34. Reply
    Favicon
    Jul 21, 2011 - 01:40 AM

    Thanks for the info on the “FAVICON” .ICO

    BUT…. Since No One Has Asked….

    I’d Also Like To Know If It Is Possible To Add An….

    ANIMATED_FAVION” .GIF

    PS….

    Admin, Please Post Your Answer Here For All To See.

    Thanks In Advance… (“,

  35. Reply
    Prince
    Jul 22, 2011 - 03:02 PM

    Thank you, but the favcon in the other links of my website its not working… only in the home page. what should i do to make it visible on the other link?

    thx in advance

  36. Reply
    Prince
    Jul 22, 2011 - 03:09 PM
  37. Reply
    Omer
    Jul 23, 2011 - 04:56 AM

    Thank You For letting us know… i got it now for my site ..
    Its works great …
    Thankx Webs…Keep It Up

  38. Reply
    chaturanga
    Aug 16, 2011 - 12:13 AM

    This is not working…. pleeeeeeease help !! I also noticed that the websites that say they got it doesn’t have there favicons. I’m using firefox browser.

    • Reply
      the Webs Team
      Aug 16, 2011 - 12:24 PM

      @chaturanga: If you need assistance with adding a favicon, please don’t hesitate to contact our support team directly.

  39. Reply
    Mahesh Palve
    Aug 18, 2011 - 11:55 AM

    Favicon is important in personalizing of site. Thanx for tips . . .

  40. Reply
    chaturanga
    Aug 19, 2011 - 05:49 AM

    I ‘ve got the favicon ..Thank You Loads !!
    also jus wanna know whether favicon.gif s are also supported?

  41. Reply
    eyespytechno
    Sep 01, 2011 - 01:58 AM

    Is there a way to create a favicon for a facebook page?

  42. Reply
    ASWINI
    Sep 04, 2011 - 05:17 AM

    Favicon is important in personalizing of site. Thanx for tips . . .

  43. Reply
    NFOpic.com (TXT 2 PNG Converter)
    Mar 14, 2012 - 08:38 AM

    thanks, I was looking for the meta info but found some cool favicon making WebApps from your post instead that will help out alot in the future!

    Regards,
    http://jaycameron.net

  44. Reply
    Khyle
    Jun 08, 2012 - 08:33 AM

    Help,.! There is no file manager in the new webs. Please help.

    • Reply
      Irina
      Jun 11, 2012 - 03:29 PM

      File manager page can still be accessed via your control panel.

  45. Reply

    Hi there, I log on to your blogs daily. Your story-telling style is witty, keep doing what
    you’re doing!

Leave a Comment

STYLE SWITCHER

Layout Style

Header Style

Accent Color