Have you ever wondered how some sites add those little custom graphics to the very top of the browser in the address bar next to the URL?
Google adds a capital G, Adobe adds their A logo, we include the swoosh from our logo, and you can add any image to your site, too.
Creating a favicon in 3 simple steps
1. First you create a little tiny graphic and save it as a GIF or JPEG
2. Then you convert into the right format (you can convert graphics on several sites online, or you can get a plugin for Photoshop).
3. Finally, upload your favicon (make sure you name the file favicon.ico) to your web server
You can create an ico image for free by uploading any graphic to any of these sites:
http://www.htmlkit.com/services/favicon/.
Just upload your image and these online Favicon tool automatically convert the image into a Favicon ico file that you can use on your site.
Adding a Favicon to a website in Dreamweaver
If you’re using Dreamweaver, after the image is converted to the .ico format, you save it into your local site folder at the main level (the same level as your index page), and then use Dreamweaver’s FTP features to upload your fancy new favicon to the main root folder of your website on your server.
After it’s loaded on your server, the favicon image will automatically display in the address bar of most web browsers.