I would like my index page to have an icon associated with it, so when someone creates a shortcut pointing to that page, their short cut will use that icon in its display. Is this possible?
Yes it is possible. It is called FavIcon and you can generate from your existing images/logo. I suggest search for favicon and you will get many hits to generate your own.
Create a 100 x 100 px image in Photoshop or Fireworks. Keep it simple. Complex art doesn't work well for this. Resize image to 32px x 32px. Save for Web as 8-bit PNG, named favicon.png
Upload favicon.png to the root folder of your server (where your index page is).
Add this line of code to your index page between the <head> </head> tags.
<link rel="shortcut icon" href="favicon.png" type="image/vnd.microsoft.icon">
Save and upload to server.
Message was edited by: Nancy O. Changed favicon.ico to favicon.png.
Your browser must be convinced first to show It!
Upload the favicon.ico file to your server's root directory.
Insert this line of code between the
<Head> </Head> tags on your home or index.html page:
If you wish to use an animated icon too,
upload the animated_favicon1.gif as above
and add one of this code lines:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="pictures/favicon.ico" type="image/x-icon" />
<link rel="icon" href="animated_favicon1.gif" type="image/gif">
Clear ALL your caches!
Check with another browser, the new icon will be there.
- If set, delete the bookmark to the page or re-create the bookmark.
- Quit browser
- Empty the Temp Internet Files Internet Options
- Clear History
- Delete everything in general, where the browser remembers visited sites.
- Clear Site visit
- Clear Bookmark
I have tried this and I do see the icon as part of the tab at the top of the screen. But I do not see the icon as part of the launch icon.
You mentioned about clearing the cache and I have not done that. I may try this from a different computer and see if it works.
I see the icon as part of the tab at the top of the screen but I don't see it as part of the shortcut icon.
what shortcut icon is this and what do you actually see. Can you post a link here of your test page.
to clarify some of the fundamental issues in this case I'll send you some links:
and: http://en.wikipedia.org/wiki/Favicon, here esp.: "Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab, and site-specific browsers use the favicon as desktop icon."
The main focus of all the hints is always this:
<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>
Europe, Middle East and Africa