Create a Favicon for your Design Blog or Website

I was contacted recently by a graphic design blog reader David Beastall from http://www.davidbeastall.co.uk who told me that although he liked my blog, why didn’t I have a favicon? He pointed out that it would be useful as he currently had my site bookmarked but there was no icon to make that bookmark easily recognisable. This is what he showed me

no favicon icon

I have to admit I didn’t actually know how to make a Favicon (oh the shame ;) ) So after a bit of googling I found a free bit of software for the mac called icomaker which let you easily make one.

Create your icon – for a URL favicon it should be 16px x 16px, you can do this in something like photoshop, gimp (free downloadable photo manipulation software) or picnik (free online image editing software).

design and upload favicon

You then open up the icomaker software and click on the size and type of image you are using then go to include image.

After this just save as “favicon” and it will save it as an “.ico”  (the thing you need to make the URL icon). You then can upload the favicon.ico your sites root directory.

To upload it for a Wordpress site you can find full instructions here

  • Share/Bookmark
This entry was posted in General Graphic Design and tagged , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

24 Comments

  1. Posted March 16, 2010 at 11:44 am | Permalink

    thanx for this info. With it I will be able to personalise my stuff even more.

  2. Randa Clay
    Posted March 19, 2010 at 5:28 pm | Permalink

    One other way to generate a favicon is to upload a graphic file to one of the several favicon generators on the web. I use the one at dynamicdrive.com regularly.

  3. Posted March 19, 2010 at 5:38 pm | Permalink

    Hi Randa,

    Thanks for the tip

  4. Posted March 19, 2010 at 9:47 pm | Permalink

    Great tip. Favicons are very important to stand out from the crowd, and now days it’s pretty easy to make them with different online generators and converters.

  5. Posted March 21, 2010 at 1:42 am | Permalink

    I’ll be trying this, although i’ll need someone to design me one now lol.
    Thanks for the info
    Mark
    A Uk photographer

  6. Posted March 21, 2010 at 10:53 am | Permalink

    Hi Mark, I am sure you could base it on one of your photos or logo if you have one :)

  7. Posted March 21, 2010 at 12:48 pm | Permalink

    Thank you for the tips. I was searching how to create Favicon for blog and I got here. I will create Favicon for my blog now.

  8. Posted March 22, 2010 at 9:27 am | Permalink

    Hi Tara, thanks for the useful tip, I use a really cool Photoshop plugin that lets you save a file in the .ICO format that can be used as a favicon, huge timesaver, check it out:

    http://www.telegraphics.com.au/sw/

    (scroll down to the first blue box!)

  9. Posted March 22, 2010 at 10:40 am | Permalink

    Thanks for the tip SJL Design

  10. Posted March 22, 2010 at 2:34 pm | Permalink
  11. Posted March 22, 2010 at 2:36 pm | Permalink

    Thanks Louisa

  12. Posted March 23, 2010 at 2:21 pm | Permalink

    You can just rename the file extension of a saved .jpeg or .png to .ico and this will also work saving the need for plugins or additional software. It has worked for me

  13. Posted March 23, 2010 at 2:40 pm | Permalink

    It had not occurred to me before how important the favicon really is. I really used to only see them in the browser url address bar and think that they were a nice touch but after reading your article I realise I need to get myself one as soon as possible! Thanks for sharing this.

  14. Posted March 23, 2010 at 6:33 pm | Permalink

    Good helpfull tip, is this just for wordpress/blogs or all sites ?

  15. Posted March 24, 2010 at 6:40 am | Permalink

    I just wish it was this easy on Windows… Thank you, great post.

  16. Posted March 24, 2010 at 7:57 am | Permalink

    Hi Keith

    Thanks for your comment. Its for all sites

  17. Posted March 26, 2010 at 4:03 pm | Permalink

    Great guide. For anyone out there who doesn’t use Favicons its a must. Once your used to including them you can start to get fancy and animate them. Search Favicon Gallery for some great designs

  18. Posted March 26, 2010 at 4:16 pm | Permalink

    Thanks for the tip adam

  19. Posted March 26, 2010 at 6:47 pm | Permalink

    Do Favicons have any SEO imporance?

  20. Posted March 26, 2010 at 6:58 pm | Permalink

    Hi Baaltazar, No I don’t think so, they just make recognisability better and are easier for bookmarking (as I found out :) )

  21. Posted March 26, 2010 at 7:25 pm | Permalink

    That makes sense! :) I think I’ll make some effort then and create mine. :D

  22. Posted March 27, 2010 at 1:44 am | Permalink

    I really used to only see them in the browser url address bar and think that they were a nice touch but after reading your article I realise I need to get myself one as soon as possible! Thanks for sharing this.

  23. Posted March 28, 2010 at 4:03 am | Permalink

    Appreciate the awesome tips.You would laugh but till date I used to outsource even this stuff, lol. Now I guess I won’t have to. :)

  24. Posted June 8, 2010 at 7:35 pm | Permalink

    This is something I really was looking for. Gonna download the free icon tool immediately. Gonna be so great to create icons for my blogs. That makes them more professional. Really great thnx for the tip.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Anti-Spam Protection by WP-SpamFree

Subscribe without commenting

  • Our Sponsors

  • learn graphic design from home
  • Subscribe to our Free Newsletter

  • Categories

  • Recent Posts

  • Archive

  • Top Commentators

  • GDB Special Offer