iWeb FAQ - Favicons



Many websites have little images before the http, like apple has the apple logo. How do you put one of these icons into your own website so you don't only have the blue dot?

La stessa pagina in italiano                             Die gleiche Seite auf Deutsch

Those little icons are called favicons.

How do I add a Favicon to my website?

Usually it is enough to put the favicon.ico file into the root of your server using your FTP application (If you don't know what the root is or how this is done read it here). That is without needing any code to be added to your html files.

Entering yourdomain.com/favicon.ico in your browser would display the favicon in your browser if you placed it to the right location.

If that doesn’t work it really isn't a good idea to add the code manually to every single page every single time you publish... There's a really easy to use tool for adding favicons. It's freeware and it's called iTweak.

If uploading the favicon to the root of your server doesn’t work

You will have to add an HTML code to each of your pages.

How this is done is described in my iWebFAQ.org E-Book (sample)

Note 1: Please note that the favicon.ico has to be 16x16 pixels. If it’s 32x32 pixels it might not appear in some browsers.

Note 2: If you're using photoshop for creating the 16x16 pixel image download this and add the unzipped file to "File Format" folders. Search for them with spotlight. You then will be able to save your .ico image directly from photoshop.

This FAQ is also discussed in my iWebFAQ.org E-Book (sample)

iWebFAQ.org - Tutorials, Tips & Tricks is made with iWeb and for iWeb.

It’s an EBookStoreToday.com company. It’s presented by Cédric Giger and hosted by HostGator.

Thank you for visiting and supporting my website,

- Cédric -