How to install a Favicon on your website

posted on 29th of june, 2009

A favicon is the little icon that appears on the left of the domain on your browser window. All well known websites have one and here are four quick and easy steps to ensure you can have one too. You can see Dreamstime has a little green swirl.

1. Make an image that is 16 pixels by 16 pixels exactly.

2. Save it as or rename it favicon.ico.

3. Upload it to your server in the same directory as your main index page.

4. Edit the code of your index page, somewhere between the and tags, insert the line , and remember to put your own domain name in.

Done! you may have to refresh or clear your cache and then your little icon will appera next to your domain. It will also be saved whenever someone bookmarks your site.

I assume the name 'favicon' come from putting 'favorite' and icon together. Some other names for the favicon include; website icon, shortcut icon, url icon, or bookmark icon.

Comments (2)

Comment by Drizzle on June 30, 2009

Cheers for this, doing a website at the moment Bridging Loan and you've saved me alot of time.

Keep up the good work

Comment by Creativei on June 29, 2009

well there are many websites which can convert your images to icon, just upload the image and the site will convert it to favicon then upload. Here are few sites I use, sorry i just dragged from my firefox to here hence no direct link.

http://www.favicon.co.uk/ I use this for all my

This article has been read 2023 times. 2 readers have found this article useful.
Photo credits: Perry Toone.

About me

A timeline of over 10 years of vector illustration work and a few photos.

Toronto, CA

Blogs Exclusive user
March (1)

Stock Photography that BLOGS!

Interact, make friends, share tips and techniques, have fun. Dreamstime wants your ideas and thoughts whether you are a photographer, designer or regular user. Create a blog to tell your story, promote favorite images and photographers, post tutorials or simply exchange opinions with your with fellow dreamstimers.

Don't forget words and pictures go great together so make sure you choose some Dreamstime favorite pics to brighten your article. For inspiration, check out the hottest or the most useful blogs on the left.

Create a blog to tell your story, promote favorite stock images and photographers

Create your blog

My favorite articles


More favorite articles

Related image searches

web html code favicon icon

Html related stock images