How to Create and Install Favicons

Favicons are those tiny images (16×16) shown in your browser tabs:

Favicons visible in FireFox Browser

Favicons visible in FireFox Browser

In the screen capture above you can see our new Favicon followed by one for Adam Singer‘s blog The Future Buzz and Andy Beard‘s blog AndyBeard.eu. Favicons can be created from almost any image file type (.jpg .gif .png .bmp) and are saved as the .ico file type.

Every Web site should seriously consider having a distinctive Favicon created that matches their Avatar and Distinctive Business Logo. You can use one of the Favicon generation tools below to create one from an existing image and the Favicon WordPress plugins to install it on your site. The process is similar for installing Favicons in Non-WordPress sites.

FREE FAVICON GENERATORS:

  1. HTMLkit Favicon Generator – recommended by Mikael from Retire Rich – creates still and animated favicons from regular images
  2. Dynamic Drive Favicon Generator – create a Favicon from an existing image [input images: gif, jpg, png, and bmp]
  3. FaviconGenerator – create a Favicon from an existing image [simple - no options - square images only]
  4. Favicon-Generator - create a Favicon from an existing image [input images: gif, jpg, png - few options]
  5. ProDraw Favicon Generator – create a Favicon from an existing image [Supports JPG, GIF, PNG, BMP and TIF file formats for uploading. Output size from 16x16 pixels (favicon.ico icon size), 32x32 (desktop icon), 48x48 (large XP icon) up to 128x128 pixels (Windows Vista icon size) in the *.ICO icon format.]
  6. Favicon CC - create Favicons in a paint type program

WORDPRESS FAVICON PLUGINS:

The following two tabs change content below.

Gail Gardner

Small Business Marketing Strategist at GrowMap
Creator and owner of GrowMap.com, Gail is primarily known for mentoring small businesses and encouraging bloggers to join collaborations to share skills and support small business.

Comments

  1. Theres no doubt Blogger is the most famous blogging platform on interent. its really hard to make brand of your blog on web.There is no specific reason for put favicons on your blog…the thing you got an identity for your blog……

  2. Favicons are very easy to create and go a long way toward presenting a professional image. Animated favicons can be an eye catching way to really make your site stand out.
    Jeff Hopp would love you to read ..CommentLuv Enabled DoFollow BlogMy Profile

  3. Awesome post. I just started my new blog and I am going to implement the plan that you shared. Thanks.
    Lisa would love you to read ..ParfumMy Profile

  4. Favicons are a great way to extend your branding out and shouldn’t be ignored. I always use favicons on new sites that I create. This is a good tutorial for anyone looking to add their own.
    Roger would love you to read ..Samsung Galaxy Tab 7.0 Plus 16GB SALEMy Profile

  5. income tax efiling says:

    Making a favicon is harder than making a logo!
    There is so little you can fit in those pixels.
    I like google’s favicon, though. Creative

  6. Thanks for this guide I’ve been trying to create a favicon for my site so this post really help me.

  7. iPhone App Development says:

    Favicon sometime refers as website icon or web page icon and it not only use for marketing and branding proposes but also use for usability as it also facilitates user to identify pages among the web browser tabs. Nice share. Thank you.
    iPhone App Development would love you to read ..Race of Mobile Applications – Android Getting Ahead Of OthersMy Profile

  8. It takes years to build a great brand and having a Favicon is the first step in building a brand. Favicon helps you get noticed and easier to recognize.

  9. Really nice tutorial. This is very helpful for a beginner like me. Thank you for taking the time to do all of that.

  10. favicon is important because it branding, it’s your logo.It’s important for bookmarking
    wny glass block windows would love you to read ..Glass Block Window ShowersMy Profile

  11. I had no clue about the Favicons and what their purpose was. Thanks for the information and the resource links!
    Jake would love you to read ..Rapid Cash Tornado BonusMy Profile

  12. I never understood the importance of Favicons. Are they that necessary? Please do tel me abt it..

  13. I wish everyone website had a custom favicon – my bookmarks bar would be so much tidier :)

  14. Anna Hussie says:

    Favicons are very important sometimes but i did not know this.i am using Firefox forr last 5 years but did know about this feature.I made so many CSS Templates , Joomla Website Templates
    .I have become master in these but did know about this feature.

  15. Thanks for useful post to create favicons and thanks for useful tips also. Very nice post, keep it up.

  16. This is a great post. Thank you for the Favicon Generator sources.

  17. Delona Scott says:

    Cool… I’m stunned you could do that.I love it! I like the WordPress favicon in my blog .This tip on favicons helped me keep another aspect of the original sites and blogs intact for my clients.

  18. I am looking for free Favicons generator list and finally i found it here.
    Finally, I had the chance to learn it because of you.

    Aku Bicara would love you to read ..Toyota Luncurkan Mobil Hybrid Tahun 2012My Profile

  19. You have an enormous blog. Thanks for sharing your opinion with me. I am delighted with your views.

  20. That is awesome! I never thought how to add that icon until you have showed us! Thanks a lot.
    .-= Ken@ macedonia orphanage´s featured blog ..How Can I Run On A College Cross Country Team Without Losing Any Weight And Continuing To Gain Muscle =-.

  21. Great post. Thanks for the favicons generator

  22. Now you can also create your flashy favicons with flash generators.

  23. Thanks for this post, I always used photoshop tu create icon and always they were ugly :), Favicons Generator is great.
    .-= Admael´s last blog ..Depilacja laserowa LightSheer – Wyspa-Urody.pl – Pozna? =-.

  24. Search Engine Optimization Services says:

    I really prefer sites that have distinctive Favicons because I also usually have dozens of tabs open at once and they make it far easier to quickly move between them as I work. so thanks for this favicons.

  25. I want to learn new stuff like this about the creating and installing a favicons. Finally, I had the chance to learn it because of you. Thanks for the share.

  26. Gold Coins says:

    I am looking for free Favicons generator list and finally i found it here. I will try to check review of the list you gave first before deciding. Anyway, thanks for this.

  27. Now I have been using Favicons on almost all of my sites but I had never really though about the fact that many sites still don’t use it. At least now there is no excuse ;)

    My personal favorite generator is this one: http://www.htmlkit.com/services/favicon/ but I guess they all do the same thing.

    Mikael
    .-= Mikael @ Retire Rich´s last blog ..Why You Need a Financial Planning Course =-.

  28. Blogging Tips says:

    Here is a simple step by step tutorials to create your own FAVICON easily on
    photoshop cs version.
    How to create FAVICON using Photoshop?

  29. I’ve always wondered how to get those little things! Now I know. Thanks for the resource. I’d better get creating.
    Cheers, Chloe
    .-= Chloe @ Ben 10 Toys´s last blog ..Ben 10 Toys – 10 Things Every Parent Needs To Know =-.

    • Hi Chloe,

      This has been a popular post for Retweeting so there must be quite a few Web site owners that did not know how to get their Favicons added – and just about everyone at Twitter has an Avatar they can use to create one!

      Even though you are an online business if you have a physical address you can use you may want to start listing it in all the free Local Search Directories because they can increase your search engine position.
      .-= Internet Strategist @GrowMap´s last blog ..How to Get Your Free Business Listing in Yelp =-.

      • What a great idea about using my Twitter avatar. I’d been messing about with a few ideas but that might be a way forward. Or if I come up with something else I can change my Twitter picture to help keep consistent branding.
        Thanks Chloe
        .-= Chloe @ Ben 10 Toys´s last blog ..Through A Child’s Eyes =-.

        • Hi Chloe,

          Consistency in images and user names really makes a huge difference. When someone sees your comments in other blogs or comes across your profiles or what you’ve shared in other Social Networking sites it is like bumping into an old friend. Make it easy and your accounts grow much faster and your content gets shared far more often.

          Did you see the Tweet thanking me for sharing your recent Ben10 post? @tristanbailey tweeted: @GrowMap “the one that was not on the list is my son thinks Starbucks cardboard cup holders are ben10 omnitrix ;) cheaper anyway”.
          .-= Internet Strategist @GrowMap´s last blog ..DMOZ Now Largely a Waste of Time =-.

          • Time, time, time – how do I make more to get all these things done! Just saw the Ben 10 tweet from @tristanbailey – glad he found it useful and many thanks for tweeting it in the first place.
            Cheers, Chloe
            .-= Chloe @ Ben 10 Toys´s last blog ..Why Eating Bogeys Is Good For You =-.

  30. thanks for this trick

    this what i looking for .. can we use without plugin .. actually for html only ???
    .-= Compress Ukuran Mp3´s last blog ..4 Plugin Penting Untuk WordPress dan Cara Install Plugin =-.

    • Hello,

      Yes you can add the Favicon image the generators create without having to use a plugin to get them onto a Web site. The instructions for doing that are on one of the generator links.
      .-= Internet Strategist @GrowMap´s last blog ..How Much Is A Memorable Logo Worth? =-.

  31. Nice rebranding going on here, and yes a favicon is an often forgotten but easy way to make your pages stand out.

    • Hello Adam,

      I am honored to have you take the time to click through and comment here. When I filled out the questionnaire for the new logo yours in one I used as an example. The reason your Favicon is featured in the image above is because I really like it so whenever I think of Favicons I think of your blog.

      Thank you for the compliment. We are very fortunate to have Derek’s skills plus a professionally designed logo.
      .-= Internet Strategist @GrowMap´s last blog ..How Much Is A Memorable Logo Worth? =-.

  32. Johnyboy says:

    Wonderful post. Thanks for all the favicons generators sources. I knew how to code it in HTML, but modifying pics can blur the images. Thanks
    .-= Johnyboy@Affiliate marketing blog´s last blog ..How does affiliate marketing work? =-.

    • Welcome Johnyboy,

      You’re very welcome. Even when someone CAN hand code it usually makes more sense to use a tool when one exists. I really prefer sites that have distinctive Favicons because I usually have dozens of tabs open at once and they make it far easier to quickly move between them as I work.
      .-= Internet Strategist @GrowMap´s last blog ..Select Keywords First to Make Your Content Easy to Find =-.

    • Hello Johnyboy,

      I meant to mention that we’ll be doing many future posts on Affiliate programs so we hope you’ll be a regular visitor. If you see any posts here that relate to yours do feel free to add them in the comments (which are DoFollow) and to link in any posts related to your own.

      You can add the links in the Website field or in the text of comments. Akismet may mark them as spam but I do review them all and will rescue them.
      .-= Internet Strategist @GrowMap´s last blog ..Freelancer Challenges – Logo Graphic Designers =-.

  33. For the longest time, i didn’t even know how to get a favicon on my site.. Eventually took the time to learn and do it though. Thanks for all the links, definitely going to look into favicons for wordpress blogroll.
    .-= Josiah@Youtube Backgrounds´s last blog ..Michael Jackson =-.

    • Hi Josiah,

      I often post about skills that every Web owner or blogger can use because they usually are not that commonly found. Even though many of my readers already know how I reach out to those who do not.

      I also wrote this post because I often mention Favicons in other posts and now I don’t have to explain what they are each time. I will simply link to this post and only those who need to know more will see the information.
      .-= Internet Strategist @GrowMap´s last blog ..How Much Is A Memorable Logo Worth? =-.

Speak Your Mind

*

CommentLuv badge