Create Static or Animated Favicons from Images

in Resource

Many thanks to whoever runs html-kit.com because this is a VERY handy tool for putting a nice finishing touch on any website.

What’s a favicon?  PC Magazine offers a fine defintion: “(FAVorites ICON) When a Web page is bookmarked, a favicon is the icon used in place of the standard icon next to the name in the Favorites list. The browser obtains the icon by looking for the FAVICON.ICO file on the Web site.”

Here are two images I started with (only difference is background color):

Original image used to create a favicon (black background)

Original image used to create a favicon (black background)

same as above, but with a white background

same as above, but with a white background

After using the free tool on the website above, here are the favicon image files:

preview_16x16

preview_16x161

Below are the simple instructions for getting the favicon onto your website.

To add this favicon to your web site:

* Click “Download FavIcon” and open the package. favicon.ico is included in it.

* Upload the favicon.ico file to the folder on your web site where you have the web page.

* Add the following HTML tag to your web page after the tag, before the tag:

<link rel=”shortcut icon” href=”favicon.ico” >

That’s it! You’ve just added a favicon to your site.

Thanks again html-kit.com

{ 0 comments… add one now }

Previous post:

Next post: