Meon Creative | Marketing | Web Design Quote Request
Call: 01329 841 438   
 
Quote Request | Articles Articles | Blog Feed RSS
Minimize
Web Design Tip - Favicon: What is it? How do I get one?
Location: Blogswebsite design hampshireMeon Creative Website Design Blog    
Posted by: Anna Tarrant 29/09/2007 21:30

Good evening...

I often get comments about the 'little details' that make our service special to our web design customers.  Just yesterday, I was asked about a Favicon for a website (or as they put it, "the funny little icon thing in the web browser"), so I thought I would take this opportunity to enlighten you all!

What is it?

The favicon is an icon file ( extension .ico) that your web browser looks for to replace the internet explorer (or firefox etc) logo in the web browser address bar.  If you looks at ours, we have a little green leaf .  It also appears if your site is saved into somebody's 'Favorites' and it makes your site easier to find.

How do I get one?

Well there are two ways to go about this really:

  1. Create your own icon in Photoshop (or something similar).  Create yourself a square image that is 16 pixels x 16 pixels.  Create your design and save it as a .gif .  Then, rename the file to 'favicon.ico'  (the .ico bit is the file extension).  You then need to save it to your web hosting root directory - or get your friendly website designer to do it for you.
     
  2. The easy way!!  Visit my favourite Favico website: http://www.htmlkit.com/services/favicon/  You will need to upload your logo (ideally this would be a square shape or it will become distorted) and then the website does the job for you!  You can test the favico in the website browser, and if it's OK, download it as a .zip file.  You will then need to upload the extracted .ico file to your hosting root directory.
     
    The site also create rolling text favicos - I personally don't like them and they are a little more tricky to install, but if you like it, go for it!

Tips

Keep it simple!! Anything too complicated will be lost anyway, so try shrinking it down to real-size in your design software and see what it will really look like.

Good luck - if you need any help, you know where to find me....

Anna

In8 Website Design Hampshire
www.meoncreative.com/

Next time, we will talk about rotating gifs and how damn useful they can be!

Permalink |  Trackback
Minimize
Got a Marketing Enquiry?
Web Design Blogs - BlogCatalog Blog Directory

Name: 
 
Telephone:  
 
Email:   

Your Comments / Questions