• http://www.techneurons.com/career/
  • experienced programming consultants for hire !!!

    Contact Now

    Web Designing Articles

    KB: Generate High Quality Favicon.ico

    MONDAY, MARCH 15, 2010

    A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it.

    Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of his own from the hard drive and associate it with a website.

    I was unable to find a good favicon generator eventhough many free sites are available for this purpose. These would give you a 16x16 icon, which renders in a poor quality. These icons do not have proper antialiasing, and mostly exhibit sharp edges if you look closer. I did some study on the favicon concept, and found icons are used commonly as they are the only compatible image type for Internet Explorer, where are other browsers allow PNG, GIF, etc. also. Internet Explorer allows 32x32 icons also, so there is hardly no purpose in sticking on to 16x16 icons. Although these icons are displayed in 16x16 size, the 32x32 icons exhibit a better quality.

    You can use Adobe Photoshop to create your favicon logos. You can create these logos in 100x100 size or even bit more bigger. If you go more larger image sizes, you would tend to add more minute details which would get lost while resizing to 32x32. So small sizes are preferable. Stick to 100x100.

    You can use transaparency for the logo, I have worked really hard to protect the tranform the edges while resizing to icons. Most online favicon generators produce very sharp edged icons with poor color control. This has been well managed in my favicon generator. You get clean edges icons here.

    Save the designed images in PNG format. This format works well for transaparencies, and preserves colors to its best.

    Now the final stage. Open my favicon generator: http://www.consultsarath.com/public-utilities/favicon.aspx. You have a very simple single line form somewhere at the bottom of the page, where you can upload your image file. Click Convert to Favicon.ico and I would instantaneously give you the favicon.ico. Save the icon file, and move it conveniently to your websites root folder.

    Hope you know more about the favicon.ico. You would have to wait quite a lot before your icon changes on your Internet Explorer naturally. You'd have to clear you cache, etc., reopen your browser one or more times to get the proper favicon in place. If I am wrong here, and you know some better steps, please write to me.

    ConsultSarath - We provide end to end outsourcing solutions for .net programming requirements- you can hire programmer for hourly rates, for monthly commitments, for short term projects, for long term projects, Contact to know our hourly rates for programmer in India. ConsultSarath - We provide end to end outsourcing solutions for php programming requirements- you can hire programmer for hourly rates, for monthly commitments, for short term projects, for long term projects, Contact to know our hourly rates for programmer in India. ConsultSarath - We provide end to end outsourcing solutions for python programming requirements- you can hire programmer for hourly rates, for monthly commitments, for short term projects, for long term projects, Contact to know our hourly rates for programmer in India.

    Other Popular Articles
    We are experts in Cloud Computing Technologies. We can assist you to build high scalable business applications using Amazon Web Services (Amazon EC2, Amazon S3, Amazon SES, SNS, CloudFront), Windows Azure Platforms - Windows Azure and SQL Server Azure, Google App Engine using Python and Django Framework. We are Expert Programming Consultants available at affordable rates per hour. We work on several technologies - .NET, Python, Google App Engine, PHP, Windows Azure, Amazon Web Services ...