How to create a Favicon for your website
Page: prev. | 1 | next
A Favicon is a 16 pixels by 16 pixels icon that is displayed next to a website's URL in the address bar of a web browser, on the tab in which the page is displayed, and next to the site's name if bookmarked.
Adding a Favicon is simple.
First you need an image you wish to use as your icon rescaled to 16 pixels by 16 pixels.
Second, you need to save the image as an icon file (.ico) named favicon.ico to use.
If you do not have access to a software program that is able to save .ico files but are using Photoshop, you can download an ICO plugin from Telegraphics that allows opening and saving of icon files. If you do not use Photoshop, you can use an online converter by coolutils.com to convert an image file to an .ico file.
Once you have your icon file, upload it to your website's root directory (e.g. yoursite.com).
Most browsers will find your site's Favicon automatically once uploaded, but just in case it is worth adding a link in your pages HTML source code. Include the following HTML code in each page's <head> section, replacing yoursite.com with the correct domain name of your site:
<link rel="shortcut icon" type="image/x-icon" href="http://yoursite.com/favicon.ico" />
That's it—your site now has a Favicon. If it does not show up right away, try refreshing the page, closing and re-opening your browser, or clearing your cache.
Page: prev. | 1 | next