Create FavIcon for your website with this simple online tool

Use this simple online tool to create FavIcon for your website.

FavIcons are those small little icons that shows up on your browser’s title bar, just in front of the title. FavIcon gives your website that last professional touch. These days with those multi-tab browsers it would be an easier thing to identify the tab your webpage is open with just your FavIcon.

Follow these simple steps to create FavIcon for your website,

Step-1: Create a simple but unique square image

DemoGeek.com FavIcon Source 

Create a square image that’s simple and unique. The image can be of size preferably 32 x 32 or 64 x 64. Keep in mind that FavIcons are really small icons and so don’t bother to focus much on the details of the image. A unique image that can stand out even in a small size would do.

Step-2: Use “FavIcons from Pics” to create FavIcon

FavIcon from Pics

Navigate to FavIcon from Pics website. Choose the file that you’ve created at Step-1 and hit the “Generate FavIcon.ico” button.

Step-3: Upload the .ico file to your web server

Download FavIcon Image

Grab the .ico file that’s generated and upload it to your website’s root directory. Go check your website and you should be able to see the FavIcon in action. If you have any caching installed on your website you might have to refresh the cache for this to take effect.

Step-4: (Optional) Add HTML to link the .ico file

If you still don’t see the FavIcon even after making sure that you’ve uploaded the .ico file to the root directory then add this following line of HTML to your website’s index (or main) file at the <head> section.

<link rel=”shortcut icon” href=”http://www.your-website-name.com/path-to-favicon.ico”>

FavIcon at DemoGeek.com

You should be able to see the FavIcon in action by now. The above is a sample FavIcon in action at DemoGeek.com.

I hope this helps you associate a FavIcon to your website or blog. If you have any questions/comments regarding this please let us know in comments.

Technorati Tags: Create FavIcon,Create FavIcons,FavIcon,,FavIcon from Pics
Related Posts with Thumbnails


Subscribe to our free RSS feed to keep up with what's happening at DemoGeek.com

At DemoGeek.com we try to explain the tech stuffs in as much detail as we can to help the not-so-tech-savvy of our friends understand and follow the tech stuffs.

Share/Save/Bookmark

Subscribe to DemoGeek.com
Prevent users from deleting Internet Explorer 7 Browsing History Print portions of web pages with HP Smart Web Printing add-on

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

No comments yet

Leave a Reply





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

About DemoGeek.com

DemoGeek.com brings you high quality articles, tutorials and how to's on everything related to Microsoft Windows, Mac OSX, iPhone, Useful Websites, Browsers, Software and Programming.

At DemoGeek.com you'll find step-by-step explanation of the technical issues explained in detail with screenshots and screencasts. Read More...

Contact |  FUG |  Disclaimer

Creative Commons License

Canonical URL by SEO No Duplicate WordPress Plugin