18 Jan, 2010 in Marketing by Admin

Creating A Favicon

A favicon (short for favorites icon) is a small icon associated with a particular web site.

Having a favicon is a great way gaining a little bit more attention and build your branding. Some people even suggest that having a favicon can help your search engine rankings as they believe it’s one of the indicators use by Google and other providers to determime the trustworthiness of your site.

The favicon will appear on the toolbar of your visitor’s browser, and if they bookmark your site it will also appear next to your listing in their bookmarks list.

There are two ways of implementing a favicon.

The first way was the original method, implemented by Microsoft with Internet Explorer 4. It simply involves creating a ICO graphic file and placing it in the main folder of your web site.

The second way is creating an image (in ICO, PNG, GIF or JPEG format), upload it to your site and then add the following HTML code to your pages (between the <HEAD> tags), for a PNG image:
<link rel=”icon” type=”image/png” href=”http://example.com/image.png”>
or for a GIF image:
<link rel=”icon” type=”image/gif” href=”http://example.com/image.gif”>

The second method is considered more correct (and better supported by browsers) however the simplicity of the first option can be very appealing.

With the first option it’s still recommended that you also place this line in the <HEAD> section of your HTML pages (at least your main index page):
<link rel=”shortcut icon” type=”image/x-icon” href=”/favicon.ico”>

There are a number of free favicon creators online (eg. http://tools.dynamicdrive.com/favicon/) as well as downloadable programs (eg. http://icofx.ro/). Other popular graphic applications such as Photoshop and Paint.NET also support ICO files – some will need add-ins (eg. Paint.NET requires http://www.evanolds.com/pdnicocur.html).

No Responses so far | Have Your Say!

Leave a Feedback

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>