Possible Duplicate:
How to create a favicon?
How to set the encircled icon of my website? (I don't have enough reputation to post images here.)
Asked
Active
Viewed 185 times
3
-
2http://stackoverflow.com/questions/1547150/how-to-create-a-favicon – John Flatness Apr 01 '11 at 04:19
-
@zerocrates I didn't know the name "favicon" – Melaka Gunasekara Apr 01 '11 at 04:22
3 Answers
3
Look up favicon
Here is what I put in the HEAD section of my HTML pages
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
<link rel="apple-touch-icon" href="/icons/iphone57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/icons/iphone72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/icons/iphone114.png" />
The apple icons will also set the icon for iPhone and iPad. Your favicon file should be 32x32 or 64x64.
Daveo
- 19,018
- 10
- 48
- 71
1
As Daveo said. http://en.wikipedia.org/wiki/Favicon
It is a 16x16 pixel image, put it on your webroot. ie htdocs on apache.
Rename the picture to favicon.ico
It shall be automatically pick up by webserver.
Alocus
- 1,860
- 3
- 21
- 32
