What the heck is a favicon? It’s that little emblem or icon if you will, that sits up there in your browser’s address bar right in front of the website address. Some sites have one, some don’t. How would you like to have one of your very own? Cool, huh? OK, well follow along while I set mine up at FavIcon From Pics.
Simply select a picture, logo or other graphic (of any size/resolution) for the “Source Image” from your computer using the handy “Browse” button and then click “Generate FavIcon.ico” .
The next screen will show you a preview of your new favicon.ico with 2 options. 1. You can then download it to your computer or 2. You can test it in your browser to make sure this is what you want.
Now, assuming you’re satisfied with your creation what you want to do next is to upload it to your website. Here’s what to do:
To add this favicon to your web page:
- Click “Download FavIcon” and open the package. favicon.ico is included in it.
- Upload the favicon.ico file to the folder on your web site where you have the web page.
- Add the following HTML tag to your web page after the <head> tag, before the </head> tag: <link rel=“shortcut icon” href=“favicon.ico” >
That’s it! To test your new favicon in Internet Explorer, add your site to Favorites and reopen the page. To test it in Firefox or other Mozilla-based browser, simply open your web page and watch the address bar or the page tab.
