31
Guides and Tutorials / [Guide] How to get a Favicon
« on: October 10, 2012, 10:12:42 pm »
The image should be 16x16 pixels
The image can be .gif, .png or .ico (preferably .ico named favicon.ico)
1. If using an .ico file name it favicon.ico
It will show up in all browsers with no problems
Put this in your HEADER:
Replace image url with the url of the favicon.ico
Free Favicon Generator and Hosting
2. If you use a .gif or .png image you need to use both of the codes below in order for it to show up in all browsers.
replace image url with the url of your image
Where it says image/png - leave it as image/png for a .png file. Change it to image/gif if your image is a .gif.
The image can be .gif, .png or .ico (preferably .ico named favicon.ico)
1. If using an .ico file name it favicon.ico
It will show up in all browsers with no problems
Put this in your HEADER:
Code: [Select]
<link rel="shortcut icon" href="image url" type="image/x-icon" />
Replace image url with the url of the favicon.ico
Free Favicon Generator and Hosting
2. If you use a .gif or .png image you need to use both of the codes below in order for it to show up in all browsers.
Code: [Select]
<link rel="icon" type="image/png" href="image url" />
<link rel="shortcut icon" href="image url" type="image/x-icon">
replace image url with the url of your image
Where it says image/png - leave it as image/png for a .png file. Change it to image/gif if your image is a .gif.