That’s called a favicon, and you may add one by making a 16px square image, using GraphicConverter to save it as a Windows Icon format file (.ico) and naming it favicon.ico. If you upload it to your server in the main root folder, many browsers will load it automagically. To ensure that the more standards-oriented browsers get it as well, use the Page / HTML Markup dialog to add the following code into the Before /head portion of your pages. (Add it to your Master Page(s) for greater simplicity.)
That’s it, all you need to do. Safari has an annoying tendency to cache the favicon (or lack thereof) so if you don’t see it on your Mac, try looking in Firefox or another non-webkit browser, or a different computer.
The results vary wildly. For the best results possible, I recommend
drawing from scratch using the Pencil tool in Photoshop or similar. A
1px square pencil “brush” will give you the clearest and cleanest
results. You can start by resizing a larger image down to the mini-
icon dimensions, but the default behavior when reducing is to blur the
details. That’s been what I’ve gotten from these on-line services in
the past: a mucky-looking approximation of the real thing.
Walter
On Jan 6, 2009, at 11:18 AM, seoras wrote:
There are also websites that will create one from an uploaded file
but I’ve no experience of the results.
To be clear, this will replace the step of creating the icon image,
although (as noted separately) the results are hit-or-miss. You will
still need to create the link tag and upload the file.
Tim Plumb has an Action at http://freewayactions.com which will
automate the link creation and upload for you.
Walter
On Jan 6, 2009, at 11:05 AM, John-Paul Kernot wrote:
Or, you could save yourself some bother and use one of these:
Thanks to all for your replies.
I have the 32 x 32 Favicon.ico which I used when my site was running under windows Frontpage.
I have loaded it into my site folder and used the HTML Markup as suggested by Walter, but as yet have not managed to see it in the browser. However, I will keep at it!
Remember that this is HTML, which is case-sensitive except on Windows
servers, so if your file is named Favicon.ico, I recommend you rename
the file to be all lower-case.