Adding a favicon to your site

A favicon is an image that appears to the left of the website name in the URL field of the browser, as well as to the left of the website names in the bookmark bar.
It is usually a 16 x 16 pixel graphic file in Windows ICO format, but modern browsers support large file formats and sizes.

Creating a favicon

To create a favicon on your computer:

1. For drawing, the Paint utility supplied with Windows is used (any other drawing program will work).
2. The image is saved in BMP or GIF format.
3. The XnView is then used to convert it to ICO format if necessary.

With Gimp, you can save the image directly in ICO format.

Using an online service

These services allow you to create a favicon from the text you enter or from an image on your hard drive, which is then reduced to the desired size.

• Antiphavicon. Define an online favicon with text.
• HTML kit, create favicon online by reducing the image you provided.
• Dynamic drive, also uses image.
• Favicon Degraeve generator. The image above is a GIF file uploaded to this online editor.
• Favicon.cc. Interactive drawing tool.

Favicon use

Just place the icon at the root of the website, i.e. in the www directory, if it exists, so that it automatically appears in the URL bar, and also automatically appears in favorites when you select a site.

Do some browsers not recognize the presence of a favicon? Try adding the following line to the HEAD section of your home page HTML:

<link rel="shortcut icon" type="image/x-icon" href="https://www.iqlevsha.ru/favicon.ico" />

Replace with iqlevsha.ru site domain name.

Other formats

Recent browsers can recognize GIF or PNG formats. But to do this, add a tag to the head section of the main page that indicates the type with the following code:

<link rel="icon" type="image/gif" href="http://www.example.fr/favicon.gif" />

or in PNG format:

<link rel="icon" type="image/png" href="http://www.example.fr/favicon.png" />

Same note as above for domain name.