About impNERD

impNERD is the place to find information on internet marketing, publishing and tips for web development. Read more »

Twitter FriendFeed

Receive Updates

Receive updates via RSS
What is RSS?
Receive updates via e-mail:

Creating Brand Awareness with favicon

Creating brand awareness is an important part of every business, even online. One way to build your brand is by creating a favicon.

A favicon (short for favorite icon) is also known as a website icon, page icon or urlicon. The icon is associated with a particular website or webpage which it is displayed. The favicon is shown within the browser’s URL bar, next to the site’s name in bookmarks and next to the page title within a tabbed interface.

The original means to define the favicon was by placing it within the root directory, it would then show within Internet Explorer’s favorites, bookmarks. Many webmasters took advantage of this (and still do) by checking how many times the favicon is downloaded, then proportioning it towards the amount of IE 6.0 and below traffic is received. They would then know how many people bookmarked their site.

For modern browsers, we must use the link element inside the head section to indicate the location of the favicon file.

Although .gif and .png are supported within most modern browsers, Internet Explorer and older browsers still require the .ico format. Since Internet Explorer has such a large portion of the Internet community, it is safe to say that the .ico format should still be used and for the near future.

To create a favicon.ico file, you can use PhotoShop, htmlkit’s favicon creator, or use imageauthor.

The image file should be at least 16×16 and preferably square. The file can also be transparent.

To save the file in PhotoShop, do a normal save as… and select ICO (Windows Icon) .ico and save.

Once the favicon is created, insert the html code into the <head> element:


<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon" />

Written: Sep 20, 2007
Tags: , , , ,


Receive updates via e-mail:

0 Responses to "Creating Brand Awareness with favicon"

No comments yet.

Leave a Reply