How do I add a favicon?
Dec
04
Some people have sent me this little question over email so I thought I could answer it in my blog…
There are several ways to add a favicon to your site, and I’ll cover two of them here!
Option one - The easy way
- Create an image in your favorite image program or choose one you already have, just make sure it isn’t too big cause then it won’t look very nice…
- Go to Chami.com’s FavIcon from Pics-service.
- Browse and Generate.
- The service will show you one non-animated and one animated favicon. Then follow the instructions on the site…
Option two - The trickier way (Well no, it’s not trickier than the other way actually)
- Download the Windows Icon (ICO) file format Photoshop Plugin (if your Photoshop doesn’t already support .ico formats) and install it. Instrictions can be found at the download page.
- Create an 16×16px image (since it’s quite small you can start with 50×50 and then resize it) and save it as “favicon” and don’t forget to choose “Windows Icon (ICO)” in the format field before you save it!
- Upload the favicon.ico to your site (root perhaps?).
- Add this line to your header - between the
<head>-tags (or every page where you want the icon to appear):
<link rel="shortcut icon" href="/favicon.ico" /> - Save and upload. Test it out. If it doesn’t work, try refreshing the page…
Great tip, i have seen an online fav icon generator, try googling if you are interest in im using that ico on my webpage, generated by generator.
Posted on April 28th, 2007 at 8:15 am