Today, I will talk about how to put an icon to url. The tiny image is typically called a “favicon” and it’s in an ico format, which means a typical file name is favicon.ico. Its size is usually 16×16 but I usually make a 48×48 gif file in Photoshop. To convert it to an ico format, you can download a free Photoshop plugin from telegraphics.com.au and use Photoshop. But an easier way is to create it online from dynamicdrive.com.

So here’s the step to put the tiny image next to your website’s url.

1. Create a 16×16 or 48×48 image file and save it as a gif file.
2. Go to dynamicdrive.com and click “Create Icon.”
3. Download the created file (favicon.ico) to your PC.
4. Upload the icon to the root directory of your website.
5. Add the following line to your header… in between < head > and < / head >
   
< link rel="shortcut icon" href="favicon.ico" >< /link >

Note: You need to remove spaces from the example html tags shown above.

Another note: favicon may not show up immediately. It takes some time. If you change your favicon image, clear the browser chache and refresh the page and wait.