- 1). Open your logo image in a graphic design software. Reduce the size of your logo to 16 by 16 pixels (16 X 16.) Edit the image if the logo looks too distorted or unrecognizable in the reduced format. For example, if the logo consists of a full company name, create a modified logo using only the company's initials. Rename the logo "favicon.ico."
- 2). Use a free favicon online generator, such as Dynamic Drive's Favicon Generator, FaviconGenerator or FavIcon from Pics, if you do not know how to edit images using graphic software. To use these online generators, select and upload your logo image. Press the "Create" or "Generate" button to automatically generate the favicon. Download the icon onto your hard drive after creation. Name the file "favicon.ico."
- 3). Upload the "favicon.ico" file into your web hosting root directory the same way you upload other image files onto your website. Upload using binary format. The root directory is the highest level directory, which usually contains your homepage file. The exact name of the root directory differs depending on your web host.
- 4). Insert favicon code into individual webpages if you only want it show on certain pages or you do not have access to your root directory. Upload the "favicon.ico" file into the website directory of your choice.
Insert the following code into the heading section of the webpage (section starting with <head> and ending with </head>:
<link rel="shortcut icon" href="/links/?u=http://www.nameofyourwebsite.com/imagedirectory/favicon.ico">
Replace "http://www.nameofyourwebsite.com/imagedirectory" with the name of your website, followed by the directory where the favicon is located.
If the favicon is located in the same directory as the webpage, leave out the URL and just type "favicon.ico."
The modified code would look as follows:
<link rel="shortcut icon" href="/links/?u=favicon.ico">
- Advertisement -
- Advertisement -