About Weblife

Weblife LLC, of Salt Lake City, Utah, provides professional web design services. We are experienced in creating visually appealing, search engine friendly websites. Our specialties include: Web Design, Search Engine Optimization (SEO / SEF), Blogging, and Internet Marketing, including Buzz Marketing and Social Marketing Strategies.
How to Create Your Own Favicon PDF Print E-mail
Tuesday, 20 May 2008

how to create a faviconA favicon is short for "favorites icon". It's also known as a website icon or urlicon. Most recent web browsers will display a favicon in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface. Some operating systems, like Windows, will also often use the favicon for Internet shortcuts to sites placed on the desktop or in other directories.

How to Create a "Favicon.ico" File

There are multiple ways to create a favicon. One method is via www.favicon.cc. I prefer a different method:

  1. Create an image 16X16 or 32X32 pixels in size. I find it easiest to take an existing image and resize it.

  2. Save the image as an ICO file (named "favicon.ico", of course). If all you've got is MS Paint, that's fine. You can save it as favicon.bmp and then rename it favicon.ico.

  3. Upload it to your website. Put the favicon in your root directory and the web browsers that support favicons will locate it eventually. You can also upload it into your images directory, but you will need to modify your web pages if you do.

Help the Browser Locate the favicon.ico file

If you have placed your favicon.ico file in a location other than the current web directory (relative to your web page) or the root directory, you have to help your visitors' browser locate the favicon file by specifying it with a tag like the following in the <head> section of your web page.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

You should replace "/favicon.ico" in the above example with the actual location of your favicon.ico file, for example, "/images/favicon.ico" if you have placed it in your "/images/" directory.

This step is optional if you have put your "favicon.ico" file in the standard locations, that is, in the same directory as the web page or in the root directory of your website. Otherwise you will need to modify all your existing web pages to take advantage of the "favicon.ico" facility.

Once you've got your favicon online, check your website to see if it appears. If you don't see it you may need to delete the cache or temporary internet files on your browser.

While a favicon is not essential to your website it does add to the professionalism of your site.


Views: 426 | E-mail

  Be first to comment this article
RSS comments

Write Comment
  • Please keep the topic of messages relevant to the subject of the article.
  • Personal verbal attacks will be deleted.
  • Please don't use comments to plug your web site. Such material will be removed.
  • Just ensure to *Refresh* your browser for a new security code to be displayed prior to clicking on the 'Send' button.
  • Keep in mind that the above process only applies if you simply entered the wrong security code.
Name:
E-mail
Homepage
Title:
BBCode:Web AddressEmail AddressBold TextItalic TextUnderlined TextQuoteCodeOpen ListList ItemClose List
Comment:



Code:* Code
I wish to be contacted by email regarding additional comments

Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved
 
< Prev
to top ^
Newsletter Subscribe
Name:
Email:


does your website standout?
Latest Blogs
Categories
Web 2.0
Design Tips
Blog Tips
SEO Tips
Podcasting
Client Sites
Online Marketing
Close




| New account
Powered by Core Design