Favorite Icon

www.sjlgraphics.com - favicon

Just learned a web design tool that will be useful for anyone out there creating their own website. Its a simple little task but gives you a little flair and shows more completeness with your design.

I created a favorite icon using Adobe Photoshop and a web site called favicon.htmlkit.com.

1. First take your logo or graphic that you would like to use as a favicon and minimize it into a 16x16 pixel image at a resolution of 72 pixels/inch.
2. Next, you will want to save it as a .PNG.
3. Take the PNG and go to favicon.htmlkit.com. You will upload the .PNG into their .ICO generator and you will then save you new ICO in a proper location for your website. I used my assets folder.
4. Go into your html document for each page that you want to support your new favorite icon and enter code: <link  href="assets/yournewicon.ico" rel="shortcut icon" type="image/x-icon"> . The code will be placed in between your header tags.