[qnc]

I noticed that some web sites have logo's in the safari address bar how do you do this?

[Arkham_c]

At the root of your site add a "favicon.ico" icon file in ".ico" format. GraphicConverter can save these, and maybe Photoshop too.

[qnc]

I have downloaded the very confusing GraphicsConverter and worked out that I need to save as a Windows icon .ico file i have reduced the file to 8 by 5 pixels but it still wont let me save saying

" The ICO file"logo.ico" can't be saved because the width/height <> 16, 32, 48, 64 or the number of colours is <> 2,16,256,16.7 million."

Now width and height I can change I think but colours I have idea where to start.

P.S. this is the only graphic converter that I can find for osx

[clam2000]

you want the ico to be 16 x 16, there should be an option to set colors to 256, which is what you want

--will

[qnc]

When you say root you mean public directory sorry to be so thick new to all this stuff.

[clam2000]

the directory which contains the first page people see (on a normal mac the /Library/WebServer/Documents folder)

--will

[macvillage.net]

for most other unix hosts it would be:

/home/<username>/public_html/<file_goes_here>

[thePurpleGiant]

I'm pretty sure it needs to be 16 colours actually, I could be wrong but I'm sure that was it. It must be 16x16 pixels.

When you make a new document in graphic converter, you can select to make it 16x16 pixels and 16 colours only.

When you go to save, select the 'Windows Icon (.ico)' from the list of formats available. Call it 'favicon' (it should add the .ico extension itself).

On your web server, place this file in the same folder as your first page of your site (usually called index.html).

Sometimes it will take a while for Safari to 'notice' it from my experience. Assuming you have done these steps, it will come through eventually.

Good luck!

[Millennium]

You can also use GIF files with the favicon.ico name.

The right way to do this, however, is not to have a file called favicon.ico, but to use a link tag in the head of your HTML. This sample, for example, will act as the equivalent to just having a favicon.ico file:

<. link rel="shortcut icon" href="/favicon.ico">

There are several advantages to this. One, you can put the file wherever you want, just by modifying the href attribute (for example, you could put it in the same place as all your other images). Second, the favicon.ico technique will only let you use one icon for the entire site; with the link tag technique you could specify many icons, perhaps one for each section of the site.

Finally, on most browsers (except for IE/Win, of course), you can specify other types of image files. Most browsers, for example, support JPEG and PNG as favicons; while transparency isn't very useful in an icon that small, 32-bit color support certainly is. Mozilla even supports animated GIF files as favicons, if you're into that (other browsers will only show the first frame of an animated GIF used as a favicon, but if you design your GIF carefully then this is not a problem).

[Avenir]

another really easy way (the way I'm doing it right now, though not completed) is to download the Photoshop Filter/Plugin IconBuilder from the Icon Factory. There's a good tutorial (using IconBuilder) here

Good luck, I'm looking forward to gettting one for my site as well.

[qnc]

thanks I like the idea of animated icons will have to investigate

[Sharky K.]

with png you can use icons with full transparancy and colors
http://www.ib2.nl/

[qnc]

png?

[Sharky K.]

Originally posted by qnc:
png?

you don't know png? go stand in a corner and shame

PNG is always smaller than gif (if you have the right tools). You don't need to pay royalties (such as for gif). It supports alpha channels and millions of colors.

http://www.libpng.org/pub/png/

[Avenir]

Alright, I created my favicon (using the above mentioned tutorial) but I cannot get safari to show it. it's located at http://www.avenirex.com/favicon.ico AND I have the html code embedded in the index page (http://www.avenirex.com/v4) to make it load as well. Can anyone look at the icon or anything and tell me what I did wrong? I thought I'd followed the instructions exactly.

[Sharky K.]

Originally posted by Avenir:
Alright, I created my favicon (using the above mentioned tutorial) but I cannot get safari to show it. it's located at http://www.avenirex.com/favicon.ico AND I have the html code embedded in the index page (http://www.avenirex.com/v4) to make it load as well. Can anyone look at the icon or anything and tell me what I did wrong? I thought I'd followed the instructions exactly.

it works, try deleting al cached icons in your library folder

[Avenir]

sweeeeet... it is working. thanks for the help, now I just gotta make the icon better

[redJag]

For anyone else who is trying this, I will relate my problems. I was testing this on a subdirectory (i.e. 127.0.0.1/test/) and was linking to the favicon as "/favicon.ico" and was having no luck in Safari (PC Mozilla 1.4 saw it). I just moved it into the same directory and changed the link to "favicon.ico" and Safari saw it right away. Maybe an absolute link would work but I have a dynamic IP address. Anyway, hopefully that will help a few frustrated web designers out

[Avenir]

Originally posted by redJag:
For anyone else who is trying this, I will relate my problems. I was testing this on a subdirectory (i.e. 127.0.0.1/test/) and was linking to the favicon as "/favicon.ico" and was having no luck in Safari (PC Mozilla 1.4 saw it). I just moved it into the same directory and changed the link to "favicon.ico" and Safari saw it right away. Maybe an absolute link would work but I have a dynamic IP address. Anyway, hopefully that will help a few frustrated web designers out

To maybe add to this, I also had problems getting it to display / reload properly using the build in OSX web server at 127.0.0.1. But when uploaded to my web host, it worked perfect... maybe something with macos built-in server? but then I don't see how that makes a difference (though it does sometimes mess up my php scripts that work otherwise fine online). anyway, just my .01

[Tmaxx]

Here's a pretty good tutorial....

http://www.golivein24.com/tips/favicon/index.html