How to Create a Favicon.ico
Create an image that's 16x16 pixels in size., Convert the image to a favicon.ico file., Upload the generated file to your web site. , Add the following code to your web site's HTML., Refresh the page, step back, and admire your web site's beautiful...
Step-by-Step Guide
-
Step 1: Create an image that's 16x16 pixels in size.
It should be a simple image, so that it's instantly recognizable. -
Step 2: Convert the image to a favicon.ico file.
It must be called exactly this, or the browser won't recognize it.
An easy way to do this is to use the Dynamic Drive FavIcon Generator.
Another way is to use a free image editor GIMP and save the 16x16 image in ICO format. ,, You should put it in the <head> section of the code, and make sure the path to the icon is correct, relative to the web page.
Code follows (assuming both .html and .ico are in the same top directory): <link rel="shortcut icon" href="favicon.ico" /> -
Step 3: Upload the generated file to your web site.
-
Step 4: Add the following code to your web site's HTML.
-
Step 5: Refresh the page
-
Step 6: step back
-
Step 7: and admire your web site's beautiful new icon.
Detailed Guide
It should be a simple image, so that it's instantly recognizable.
It must be called exactly this, or the browser won't recognize it.
An easy way to do this is to use the Dynamic Drive FavIcon Generator.
Another way is to use a free image editor GIMP and save the 16x16 image in ICO format. ,, You should put it in the <head> section of the code, and make sure the path to the icon is correct, relative to the web page.
Code follows (assuming both .html and .ico are in the same top directory): <link rel="shortcut icon" href="favicon.ico" />
About the Author
Diana Hamilton
Specializes in breaking down complex organization topics into simple steps.
Rate This Guide
How helpful was this guide? Click to rate: