[SIZE=1]many people may visit a certain website, bookmark it, and notice when they go to check it later that bam! the boring old IE favorites icon is gone and replaced with some other, custom-made icon.
just in case you pixel-artists (and others) don’t know this, here is a short (hopefully) tutorial on how to do this. i’ve had many people ask me, and it’s surprising how many of us have no clue at all how to do this!
note: this tutorial will only work for IE 5+
when IE is looking determine what icon to display in your favorites list, it asks your server for a file named favicon.ico. If the file is returned, then the image in that file is used. If not (often the case), IE simply adds the default logo beside it. At the same time, your Web server takes note that a file that does not exist (favicon.ico) was requested, and records that in your server logs as a “not found” error, even though no error message is ever sent to the user’s browser.
All you have to do to customize your icon is create an icon in the proper format, name it favicon.ico, and place it on the Web server in the root directory of your site. When IE looks for favicon.ico, it will find your file, and use the icon it contains instead of the default, thus eliminating a 404 from your logs as well!
Creating the Icon:
-
IE only accepts favicons that are size 16x16, a perfect size for you pixel-artists! Create an image in the graphics program of your choice, then save it as a .bmp file.
-
After you have created your image, you will need to convert it into .ico format using a program such as IrFanView or the extremely popular [URL=http://www.microangelo.us/]MicroAngelo.
-
Save the file, and upload it to the root directory of your server. Now, when users bookmark your site, the new icon will be placed in their menu!
Now, I know that some of you have free web servers, but fear not! You can still create a custom favorite icon by using the following code in the < HEAD > section of your page:
<LINK REL="SHORTCUT ICON" href="/myfreehost.com/mysite/myicon.ico>
[/SIZE]
[SIZE=1]This code could also be used to create different favorite icons for each page of your site if you’re feeling so inclined!
Enjoy![/SIZE]