Welcome to Dagon Design. In addition to free scripts, WordPress plugins, and articles, we offer a variety of services including custom theme design, plugin creation, and PHP scripting. Contact me for more information.

Updated Friday, April 6th, 2007 at 12:00am

Favicon Generator

This free tool allows you to create a custom favicon for use on your website. Simply upload an image (JPG, PNG, or GIF – 100KB max) and it will automatically convert it to a standard 16×16 favicon. If you upload an image that is larger than 16×16 it will resize it for you, although for best results use an image that is already that size. Transparent favicons can also be created by uploading a transparent GIF.

What is a favicon?

A favicon, also called a ‘favorites icon’, is just a small image which is displayed for a website. It is often shown next to the address bar, in the favorites/bookmarks, and/or the taskbar. It is purely for looks, although it adds a nice touch to a website. Most modern web browsers automatically look for a favicon on every site you visit. If you have ever taken a look at your log files and seen a lot of requests for this missing file you will see what I mean (unless you are using one already). Not only will a favicon make your site look a bit nicer, but it will keep those (harmless) errors out of your log files.

Try it out

  If you have found this page useful, please consider donating. Thanks!

Changelog

  • 04-06-07 Transparent favicons can now be created (Just upload a transparent GIF)
  • 08-05-06 First version

Instructions

After you have generated your favicon and saved it to your computer, it must be renamed to favicon.ico (since the files this tool generates are given a random name).

The common method for using a favicon is to simply upload it to the root directory of your public web space. This is where most web browsers automatically look for it.

Just uploading the file is generally fine, but for the best support across various browsers, place the following lines in the head section of your HTML:

<link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon">

(where http://example.com/favicon.ico is the path to your favicon)

Be sure to add that code in all of your html files – not just the index.

  1. Transparent favicons can also be created by uploading a transparent GIF.

  2. Oh my goodness! a tremendous article dude.

  3. Thank you for this article. That’s all I can say. You most definitely have made this blog into something special. You clearly know what you are doing; you’ve covered so many bases. Thanks!

  4. Great post, what you said is really helpful to me. I can not Agree With You Anymore. I Have Been talking with my friend about, he though it is really interesting as well.

  5. Very cool tool, favicons turn out very high quality. Thanks.

  6. y of the Coach outlet store onlin

  7. Wow and wow! Thank you! I always wished to write in my site something like that

  8. Please teach the rest of these itnernet hooligans how to write and research!

  9. Apprceaitoin for this information is over 9000?thank you!

  10. I really liked reading through via by means of your article!. Substantial top quality material. I may advise you to think of blogposts much more generally. By executing this, getting this type of the worthy world wide web web page I take into account you’ll likely rank greater within the investigation engines.

  11. hanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic

  12. This is a wonderful site! I’ve been looking for something like this 
    for a while now! Thank you!
    w

  13. Great Site, your plugins are very useful and save me a tonne of time.
    
    

  14. Not many people would say what youve said and still make it interesting. Well, at least Im interested. Cant wait to see more of this from you.

  15. thanks admin for sharing this cool thing with us dsffgg

  16. thanks for sharing all with us. i am definitely going to follow you for your future post.

  17. I visited this page first time and found it Very Good Job of acknowledgment and a marvelous source of info………Thanks Admin!

  18. Whatever the style could be but the result must look good.

  19. Choosing SizeGenetics critiques in on the web forums just isn’t hard. One of the reason why discussion boards and on the web communities are this kind of an excellent resource is that people might be anonymous. wholesale fashion jewelry wholesale jewelry ring

  20. Option to display as tabbed dialog Easy drag & drop setup engineering management master

  21. Brand Yourself and Advertise any site all with one URL Free to Join master of social work

  22. I fallow all the steps about your great plugin for multi-column list. I am using Wordpress 3.1 and install the plugin but it is not showing me any list of alphabetic order window. I’m very new to this so really need your help in this. online green mba

  23. “I want to install the contribution ‘On The Fly’ Auto Thumbnailer’ for my images but I first need to be sure that I have the ‘GD Library’.
    Thank you web designing

  24. We are now possibly looking at having to have pleurodesis on the left and not sure what will happen or what is next if the fluid goes to the belly. Looking for insight from others who may have had same experience Xenical side effects

  25. I can’t seem to get this to work – it only imports the first account (the first line) regardless of how many I have listed – tried both manually entering the data and uploading a text file.k Any help would be appreciated masters in safety

  26. I can’t seem to get this to work – it only imports the first account (the first line) regardless of how many I have listed – tried both manually entering the data and uploading a text file. Any help would be appreciated masters in safety

  27. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post!
    day care licensing

  28. I created this site for passion driven people. I have no other intention then to help support and give exposure to artist.
    daycare

  29. 38
    sun

    My 2 year old son has been in the hospital for bilateral pleural chylous effusions since Jan 29, p/o Fontan in November of 2009. He has tried diet, diuretics, thoracic duct ligation and now pleurodesis on the right side. rn bsn

  30. 37
    sun

    My 2 year old son has been in the hospital for bilateral pleural chylous effusions since Jan 29, p/o Fontan in November of 2009. He has tried diet, diuretics, thoracic duct ligation and now pleurodesis on the right side. end of tenancy cleaning london

  31. 36
    sun

    I got my hair cut today. It was not just an ordinary hair cut, I decided to give my hair to locks of love.I am going through problems myself and wanted to help out other people. Many people should do this, it only takes ten inches of your hair. It goes out to people who do not have hair for different reasons. I am really glad I did what I did cause I feel so much better knowing that I can help someone out, cause I might need someone to help me out you can never know. masters in health administration

  32. We are now possibly looking at having to have pleurodesis on the left and not sure what will happen or what is next if the fluid goes to the belly. Looking for insight from others who may have had same experience. Online masters in education

  33. please read through the comments because most common issues have already been discussed many times. Thanks. master in education

  34. please read through the comments because most common issues have already been discussed many times. Thanks. music degree online

  35. please read through the comments because most common issues have already been discussed many times. Thanks. Online masters in information systems

  36. please read through the comments because most common issues have already been discussed many times. Thanks.
    masters of engineering management

  37. please read through the comments because most common issues have already been discussed many times. Thanks.masters social work

  38. larger than 16×16 it will resize it for you, although for best results use an image that is already that size. Transparent favicons can also be created by uploading a transparent GIF.

  39. If you upload an image that is larger than 16×16 it will resize it for you, although for best results use an image that is already that size. Transparent favicons can also be created by uploading a transparent GIF. I built a personal website when i was getting my Law Enforcement Degree and learned much about favicons and many other things along the way

  40. I’ve tried to put java games on my SPH a740 and they load onto the phone but I can never get them to go past the loading screen where it says Java Powered.

    @Mark – I would unistall the drivers, reboot the machine and try again with drivers off this site, along with the latest version of bitpim. Good Luck.affordable website design

  41. The common method for using a favicon is to simply upload it to the root directory of your public web space. This is where most web browsers automatically look for it Thanks

  42. 24
    jibran

    We can give them a good education that they can use in their life to get a better chance in this life. Im sure with a good education all of us will see the changing that all that kids can have. Mac DVD Ripper

  43. 23
    person_guyz

    Hi, Great script. Worls great but with attachment i get this error message ”Error saving file. Check your path and permissions. Stopping script.business bachelors

  44. I try to make a transparente ico, but it does not really works. Can I use a standard gif with transparency to make a transparent ico or what I have to do?

  45. 21
    jibran

    Best-of-Programm jedoch probiert Josef Hader etwas, was viele Kollegen machen, er aber normalerweise nicht: Nummern spielen und dazwischen Lieder singen. wilsonart laminate flooring

  46. I try to make a transparente ico, but it does not really works. Can I use a standard gif with transparency to make a transparent ico or what I have to do?

  47. Very cool tool, favicons turn out very high quality :)

  48. 18
    Jack Wade

    The free Gimp image editor allows opening just about every kind of image format and in addition to saving in all those image formats, lets you save in the icon (.ico) format. http://gimp-win.sourceforge.net/

    Also, modern browsers support using png’s/gif’s/jpg’s as favicon’s, eliminating the need for all of the above. :)

  49. We supply all kinds of moncler boots,moncler bags,moncler coats,moncler jackets,moncler T-shirt,moncler vest and so on.We have got a good reputation pf our products with top quality and good price.We sincerely look forward to futher cooperation with you for mutual benefits.We are sure that you will find working with us is a pleasant, time-saving and profitable experience. Please feel free to contact us if you have any questions.Our website is http://www.newlyapparel.com.

  50. PNG transparent files seem to work better then gif transparent files. Great tool!

  51. thank you very much for the code.

  52. David: I just tested again myself with all of the supported file types, and they all seemed to go through just fine. If you want to send me one that did not work for you, I will take a look.

  53. I tried to upload an image, both in GIF and PNG formats and I got an error that only JPG, GIF or PNG formats can be uploaded. Pity, you were referred from the Sitekreator site and I expected it would work!
    David

  54. 12
    Rosie

    Thank you so much I went to many sites trying to find out how to install this favicon. But it never worked. I came to your site and 1-2-3 it works. Thank you so much

  55. thanks for the tool man….!!

  56. thank you :)

  57. Hi,

    Could you provide the source code (GPL) for this tool (I’m searching a php code to generate favicon to embed it in SPIP).

  58. 8
    HÃ¥kan

    Tried to upload a .gif image and got:

    returned an error: /usr/bin/png2ico /home/design/public_html/tool-data/favicon/1198415851.ico /home/design/public_html/tool-data/favicon/1198415851.png

  59. Thank you for this tool! It was great to use it for just that extra touch.

  60. This tool is really helping me! Thanks a lot! ^^

  61. Gephri: I just updated the script. You can now create transparent favicons. :)

  62. 4
    Gephri

    I think I really like Favicon Generator except for the fact that is adding a black background to the .ico image. Is there a way to make it transparent – and yes I am uploading a transparent to the Generator.
    thanks

  63. Hi mister Dagon.
    i’d never tolf that your favicon creator is a standard workout for me when i’m designing a new website. Great tool. Wish i had it for offering my visitors :) Great simple but usefull tool.

  64. [...] * Dagon Design – Favicon Creator – I used this site to create a new Favicon for both HART-Empire.com and HART-Network.com [...]

  65. [...] I just found a favicon generator and a wp plugin…and well, this is way too much fun…and also really cute. I am still so in love with my new wp blog…it’s sickening. I’ve still been trying new stuff…new plugins…that don’t always work for me. But hey…I now have favicons…so it’s all good. [...]

Leave a Comment

Before you comment: If you are having an issue with a script, please make sure you have read the entire article. Also, please read through the comments because most common issues have already been discussed many times. Thanks.


Be sure to wrap all code in <code></code> tags.