how do i add an icon in my URL?

wkm2424 · 02-14-2003, 12:36 PM

i see a lot of sites these days that have what looks like 16x16 icons in the url. how do i go about doing that for my site? i tried looking around for tutorials, and the only thing i've found were windows-specific.

yubbie2 · 02-14-2003, 01:14 PM

search online for "favicon". there are numerous sites out there with directions. basically it involves making a 16x16 icon, saving it as a ".ico" file (use graphic converter), and inserting the following line between your "head" and "/head" headers in your index html file.

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

enjoy

-jesse

ps: in graphic converter, save it as a "windows icon [.ico]". that should work. there might be a limit on the # of colors (anybody know?), so it might take a few tries to get it to look right.

mclbruce · 02-14-2003, 04:14 PM

Quote:


	Originally posted by yubbie2 ps: in graphic converter, save it as a "windows icon [.ico]". that should work. there might be a limit on the # of colors (anybody know?), so it might take a few tries to get it to look right.

I created a favicon.ico file as described above and dropped it in the root folder of my web site with my index.html and other html pages. I didn't have to add any HTML coding to make my favicon.ico file work. The browsers just picked it up automatically. I did have to clear the cache on the browsers to make it show up.

-B.

meancode · 02-16-2003, 08:25 PM

Quote:


	Originally posted by mclbruce I created a favicon.ico file as described above and dropped it in the root folder of my web site with my index.html and other html pages. I didn't have to add any HTML coding to make my favicon.ico file work. The browsers just picked it up automatically. I did have to clear the cache on the browsers to make it show up. -B.

what browser are you using? you might want to code it into your pages anyway, as not all browsers autodetect such things.

darkpaw · 02-16-2003, 08:40 PM

I use this:

Code:

<link rel="icon" href="/gfx/icon.png" type="image/png">

in the header (<head> section) of my pages.

mclbruce · 02-16-2003, 09:10 PM

Quote:


	Originally posted by meancode what browser are you using? you might want to code it into your pages anyway, as not all browsers autodetect such things.

No HTML code is needed in Chimera, Mozilla, or Safari as long as you use the name favicon.ico for your icon, and use the proper .ico format and size.

I've never seen an icon in Internet Explorer. I don't know about OS 9 or Windows browsers, haven't tested them out.

If the icon was mission-critical, I'd probably code it...

-Bruce.

02-14-2003, 12:36 PM	#1
wkm2424 Triple-A Player Join Date: Jun 2002 Location: sioux falls, sd Posts: 144	how do i add an icon in my URL? i see a lot of sites these days that have what looks like 16x16 icons in the url. how do i go about doing that for my site? i tried looking around for tutorials, and the only thing i've found were windows-specific.

02-14-2003, 01:14 PM	#2
yubbie2 Triple-A Player Join Date: Oct 2002 Location: Houston - Though I'd rather be in Boston! Posts: 192	favicon search online for "favicon". there are numerous sites out there with directions. basically it involves making a 16x16 icon, saving it as a ".ico" file (use graphic converter), and inserting the following line between your "head" and "/head" headers in your index html file. <link href="favicon.ico" type="x-icon" rel="shortcut icon"> enjoy -jesse ps: in graphic converter, save it as a "windows icon [.ico]". that should work. there might be a limit on the # of colors (anybody know?), so it might take a few tries to get it to look right. Last edited by yubbie2; 02-14-2003 at 01:17 PM.

02-16-2003, 08:40 PM	#5
darkpaw All Star Join Date: Apr 2002 Location: England Posts: 513	I use this: Code: <link rel="icon" href="/gfx/icon.png" type="image/png"> in the header (<head> section) of my pages. __________________ http://www.keeponfighting.net - Fighting for animal rights http://www.darkpaw.co.uk http://www.needstuff.co.uk - Recycle your unwanted clutter for FREE! (UK only)