How to create a favicon:

Freakz · 09-19-2005, 12:28 PM

I've recently wrote this for mydesignblog.com, and thought I'd share:

Creating a Favicon

by: mydesignblog.com
????: NamePros.com http://www.namepros.com/webmaster-tutorials/125027-how-to-create-a-favicon.html

Favicons are the little images you see in the URL box when you’re visiting a site. They’re meant to be a distinguishing icon for a particular site that helps you remember it. When using Internet Explorer they don’t show up unless you’ve bookmarked the page, but in more recent browsers such as Firefox, they show up just by visiting the site. Here’s how you create one:

First off, you’ll need a graphics design program (e.g. Fireworks, Photoshop). Using the graphic design program create an icon, 16x16 pixels, that represents your site. Here's a couple of examples from ones I made for freshdezines.com and flashgamefun.com

Now, favicons have to be saved in the .ico extension. Certain graphic programs do this, certain ones don’t. I know there’s a plugin that will allow Photoshop to do it. I recommend downloading IrfanView - http://www.irfanview.com/ - it’s free and it will allow you to convert .gif and .jpgs into all sorts of formats including .ico.

After you’ve converted the image to an .ico, you’ll need to place this code in between the <head> </head> tags on whatever pages you wish the favicon to display”

<LINK REL="SHORTCUT ICON" HREF="images/favicon.ico">

Of course, the /images/favicon.ico needs to be changed to wherever you’ve stored the favicon image.

Upload your files and you should be all set

Xyzer · 09-19-2005, 01:08 PM

Thanks for that, i was thinking of makin a favicon.

09-19-2005, 12:28 PM	THREAD STARTER #1 (permalink)
Freakz NamePros Member Join Date: Jul 2005 Location: Utah Posts: 121	How to create a favicon: I've recently wrote this for mydesignblog.com, and thought I'd share: Creating a Favicon by: mydesignblog.com ????: NamePros.com http://www.namepros.com/webmaster-tutorials/125027-how-to-create-a-favicon.html Favicons are the little images you see in the URL box when you’re visiting a site. They’re meant to be a distinguishing icon for a particular site that helps you remember it. When using Internet Explorer they don’t show up unless you’ve bookmarked the page, but in more recent browsers such as Firefox, they show up just by visiting the site. Here’s how you create one: First off, you’ll need a graphics design program (e.g. Fireworks, Photoshop). Using the graphic design program create an icon, 16x16 pixels, that represents your site. Here's a couple of examples from ones I made for freshdezines.com and flashgamefun.com Now, favicons have to be saved in the .ico extension. Certain graphic programs do this, certain ones don’t. I know there’s a plugin that will allow Photoshop to do it. I recommend downloading IrfanView - http://www.irfanview.com/ - it’s free and it will allow you to convert .gif and .jpgs into all sorts of formats including .ico. After you’ve converted the image to an .ico, you’ll need to place this code in between the <head> </head> tags on whatever pages you wish the favicon to display” <LINK REL="SHORTCUT ICON" HREF="images/favicon.ico"> Of course, the /images/favicon.ico needs to be changed to wherever you’ve stored the favicon image. Upload your files and you should be all set __________________ Empire; Tutorialzilla! \| FlashGameFun! \| Backlinkcheck! Avg. $.53/day

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
24 Hour Slogan contest	createmx	Contests Forum	15	07-05-2005 08:16 PM
mySQL error in IPB when trying to create a new forum... please look	matrics	Programming	3	07-05-2005 02:12 AM
Create FREE Favicons from Images!	Veolus	Free Resources	2	05-21-2005 07:03 AM
Create Emails without cpanel	Kodeking	The Break Room	10	11-26-2003 07:37 AM

09-19-2005, 01:08 PM	#2 (permalink)
Xyzer Senior Member Join Date: Aug 2005 Location: United Kindom Posts: 1,502	Thanks for that, i was thinking of makin a favicon.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)