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. 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. This doesn’t work for .mac.


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.


Adding Favicons using iTweak


1. Create your favicon and save it as a .ico file naming it favicon (result: favicon.ico)

  1. 2.Open iTweak and go to Interface

  2. 3.In Favicon URL write yourbaseurl.com/favicon.ico

  3. 4.As described in the application drop you favicon.ico file into the box and it will show up

  4. 5.Go to Options and check the “Add favicon” box.

  5. 6.Click on “Choose Published Site”

- If you publish to a folder choose the folder you publish to from iWeb

  1. -If you publish to .Mac select your iDisk/Web/Sites/ folder where iWeb publishes to.

If you can’t choose the iDisk because you don’t see it go to Finder/Preferences/Sidebar and check the box near the iDisk

7. Hit “Process Site” and you’re done.


Note: You have to run iTweak every time you re-publish from iWeb.


What is iTweak? and what is it good for? Have a look at this page

For further information and download on guimkie.com



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.



We would like you to give us feedback on this page by commenting here. Tell us if it was helpful. If it wasn’t tell us why. If you think something is missing tell us what.


If you have a question please make sure it is relevant to the content of the page. Look through our FAQs and look where it fits best. If you can't find any FAQ on the topic post on the main page of our FAQs. Please do not post your question to the main page if there's a relevant FAQ. However we recommend you to post questions to the AppleDiscussionForum for iWeb.


Thank you.


 

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 to blue dot?

Short URL of this page: http://favicons.iwebfaq.org

 

website statistics