Best Way of Creating High Quality Favicons - Article for Non-Designers
You don't always need to depend on online favicon designers to create a good favicon
for your website. If website is an identity for you or your business, favicon or
favorites icon or shortcut icon is an identity for your website. A favicon represents
your website in almost all web 2.0 integrations and posts.
Read more...
What is favicon.ico?
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.
Courtesy: Wikipedia
How to design favicon images?
- Design your favicon using Adobe Photoshop or any other image editor. The image should
be square-dimensioned (width = height), and preferably of width or height around
100px. You can have a normal graphic or one with transparency.
- Upload the image using the simple upload control and download the favicon.ico file.
- Save this favicon.ico in the root folder of your website.
- Alternately, you can save your favicon.ico in any folder in your website, or in
an external location, and link to your web pages using link tag.
<link rel="Shortcut icon" href="path to your favicon.ico">
Help us to improve this tool
Please provide your feedback after using this online tool. If you have any suggestions
for us to improve this, or if you find any drawbacks of this favicon generator,
please let us know by filling the simple form below.