Jul 4, 2010

Make favicons for your website/blog

What is a Favicon? Favicon is an abbreviated name of favorite icons. It is a tiny image file or icon that appears on the address bar of browsers, browser tabs and favorite links. It is also known as a Shortcut icon, URL icon and sometimes bookmark icons. If you want to display favicon icon for your blog or website, follow this tutorial and learn how to make a favicon icon and attract visitors?
favicon-icon-samples
Favicon Format: Windows icon .ico file should be created for favicon and file name must be favicon means you have to create favicon.ico file.

Favicon size: File size for the favicon should be 16x16 pixels.

How favicon looks like? Favicon icons are looked like as shown below images.

Favicons images

favicon-of-my-blog

There are two ways to make Favicon:

1. By using Favicon.ico Generator: There are many favicon generator tool available. My favorite one is favicon.cc. It is a tool there you can generate favicon for your website or blog. There you can create favicons by manually drawing, editing or by uploading an image like jpg, jpeg, gif, png, bmp, ico and Max. file size of 5 MB and create a favicon.

favicon-generator

2. By using image editing Program: you can use any image editing program like Photoshop, GIMP, Paint Shop, MS paint etc. By using these software you can draw any favicon then save with .jpeg, .jpg or .gif format then you need to convert it to .ico file. For this purpose you can use http://converticon.com/. There you can easily convert an image file to .ico file.

How and where to upload favicon.ico: Upload your favicon.ico file at your webserver in root directory. Not in other directory or folder.

Modify the code of webpage : you need to modify HTML in your page. Simply add this line into section in the page.

"link rel="SHORTCUT ICON" href="favicon.ico"

(dont put " " in above line put < > instead)

Favicon Validator: is a tool through which can be used to check for validity of favicon.ico file, link tags etc. If you are not getting your favicon at your website then check it by favicon validator.

http://www.html-kit.com/favicon/validator/

Favicon Gallery with their link:

http://www.favicon.co.uk/gallery.php

and here is a list of favicon tools that you can use :

http://www.thesitewizard.com/archive/favicon.shtml

http://www.html-kit.com/favicon/

http://www.chami.com/html-kit/services/favicon/

http://tools.dynamicdrive.com/favicon/

http://www.favicon.co.uk/

http://www.favicon.cc/

Animated Favicons: Some web browser also support animated favicons but some may not. So static favicon will be best choice.

Free favicons download: Making a good design offavicon it not an easy task. So if you want to download readymade favicon you can use this link

http://www.iconj.com/


Enjoy Favicons !

No comments:

Post a Comment

Infolinks In Text Ads

Total Pageviews

Powered by Blogger.

Dont Forget To Follow Us

Blog Archive