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

54 Reader Comments

How to add a favicon to your website

GlamourHits on July 27, 2010

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

Reply
AlterPoser on July 28, 2010

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

Reply
DAn on July 28, 2010

Thanks for the handy tip, it works already!

Reply
Lee-Ann on July 28, 2010

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 on July 28, 2010

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

    Reply
eric on July 28, 2010

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

Reply
Alex on July 28, 2010

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.

Reply
www.submitdirect.webs.com on July 29, 2010

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

Reply
Gido on July 29, 2010

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

RS Gido
Site lijder

Reply
Achintya Srivastava on July 30, 2010

great…….i will try it for my website

Reply
MeTalk on July 30, 2010

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

Reply
MeTalk on July 30, 2010

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!

Reply
www.planetcricket.tk on July 30, 2010

THANX FOR THIS GREAT POST.

Reply
me-rii on July 30, 2010

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

Reply
Govi20 on July 31, 2010

Thank you so much for this!

Reply
Shailesh on August 3, 2010

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 on August 3, 2010

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

    Reply
Angela on August 3, 2010

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 on August 3, 2010

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

    Reply
Rhino chat on August 4, 2010

Thank u, it sounds like a great idea!

Reply
Anonymous on August 4, 2010

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

Reply
Shailesh on August 4, 2010

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

Reply
    the Webs Team on August 5, 2010

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

    Reply
Shailesh on August 6, 2010

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…..

Reply
Shailesh on August 6, 2010

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

Reply
    the Webs Team on August 9, 2010

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

    Reply
PuzzlEd on August 7, 2010

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!

Reply
epilasyon on August 9, 2010

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

Reply
dear webs team help!!! on August 24, 2010

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 on August 25, 2010

    Make sure that you correctly uploaded a .ico file

    Reply
Epicyoshi on October 16, 2010

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

Reply
CheatForums on December 7, 2010

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

Reply
Shailesh on December 16, 2010

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?????

Reply
efa on January 17, 2011

thank you so much! It works :D

Reply
Dottie on March 19, 2011

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

Reply
Matt on March 29, 2011

Thanks this was VERRY helpful!!!

Reply
david johnson on April 17, 2011

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 on April 18, 2011

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

    Reply
Kool Guy on May 22, 2011

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

Reply
Vorrisan on June 30, 2011

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…

Reply
Favicon on July 21, 2011

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… (“,

Reply
Prince on July 22, 2011

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

Reply
Prince on July 22, 2011
Reply
Omer on July 23, 2011

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

Reply
chaturanga on August 16, 2011

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 on August 16, 2011

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

    Reply
Mahesh Palve on August 18, 2011

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

Reply
chaturanga on August 19, 2011

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

Reply
eyespytechno on September 1, 2011

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

Reply
ASWINI on September 4, 2011

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

Reply

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

Reply
Khyle on June 8, 2012

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

Reply
    Irina on June 11, 2012

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

    Reply

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

Reply

Post a Comment

Please keep comments within the top of this article. Should you have any support needs, please visit our support portal.