Have you ever noticed the little icon next to the address bar in your web browser?
It is called a favicon, short for favorite icon, that is represented by a 16×16 pixel square icon.
The question you want to know now is…how to make favicon 2011? How can you create your own favicon? Does it require any special software?
No, all that is required is a graphics editor like Photoshop or Gimp.
- To create the image, start with a new image the size of 500×500 pixel square. Be creative and design your own personal icon.
- Once you”ve designed your icon, scale your image down to 16×16 pixels.
- Save the icon as a PNG and use PNG Compression. Save the icon as favicon.png.
- Since most web servers are configured to accept favicons with the filename favicon.ico, rename favicon.png to favicon.ico.
- Upload your favicon to your web server.
- In your HTML code, add the following code:
<link href=”/favicon.ico” rel=”shortcut icon” type=”image/x-icon” />
The “link href” code should be between the <head> section of your HTML code.
- If you go to the site where you uploaded your favicon, you should be able to see it now.
