Contact us via email or phoneEmail us | Phone: +1 615-771-5611
Login  Password Login
Forgot your password? | Not a member? Sign up for free
categories
designers area
photographers area
resources
photo map
free photos
dreamstime blogs
Abstract  Animals  Arts & Architecture  Business  Editorial  Illustrations & Clipart  Industries  IT & C  Nature  Objects  People  Technology  Travel

Collapse | Close
Lightbox/cart:  View & Download
You have 0 images
 
Home > Blogs! > Ptoone 's Blog
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.



Tags: code favicon html icon web

Share
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://genfavicon.com/
http://www.favicongenerator.com/
http://www.favicon.cc/
http://www.chami.com/html-kit/services/favicon/
http://www.favicon.co.uk/ I use this for all my
http://tools.dynamicdrive.com/favicon/

This article has been read 1037 times. 2 readers have found this article useful.
Photo credits: Ptoone.
 
    Search the blogs!
Latest articles (RSS 2.0 )
  Night Shot Of Toronto Streetcar
  Using Twitter with Dreamstime
  News lens & new destination - Beirut !!
  The World Cup Is Here
  Off Topic: Free Website Submission In My Directory
  Off Topic: My New PTC Money-Making Website
  New Website Update
  How to install a Favicon on your website
  Off Topic: My Week Of Glory
  Electronic Props And The Wooden Laptop Computer

Create your own blog in seconds...
My favourite articles
None
More favorite articles
    About Me

confidential info
70

>ptoone creates hundreds of vector illustrations a year for commercial and comic purposes.

New images every week! Feel free to connect with ptoone via the social networks, LinkedIn, Twitter, Facebook, Thexyz, Youtube or RSS

For a list of categories, click this link (http://ptoone.com/vector/) Questions and comments are also welcome here.

Exclusive user Blogs

  Upload image | About Us | FAQ | Contact Us | Terms of use | API / Referral program | Site map | Privacy policy | Free Stock Images
Support - phone: +1 615-771-5611, Click here to contact us

 dreamstime
  Copyright © 2000-2012 Dreamstime. All rights reserved.
Dreamstime is a member of PACA and CEPIC.