How to add an icon on the website

How to add an icon on the website

When opening some websites near their domain names in an address bar it is possible to observe the small picture — an icon. The same picture will be displayed on a tab with an open page of the website in the upper left corner. An icon – some kind of logo of your website, a designating symbol therefore knowledge of installation of such signs will not be superfluous for the webmaster.

Instruction

1. For a start remember that the file with an icon should have the .ico extension and the name favicon, that is favicon.ico. At the same time image size should be 16х16 pixels. It is possible to try to draw an icon in the editor of Photoshop. Draw at you, of course, it will turn out. But to save the drawing in the .ico format, the special plug-in is required. Place it in the Plug-Ins\File Formats folder which is located at the address c:\Program Files\Adobe\Photoshop CS.

2. Then, after you drew an icon and saved it in the necessary format, place it in a website root. Of course, it is not obligatory to place the image exactly there at all. But then you should specify path to it:
<head>
<link rel= "" shortcut icon"" href= ""/images/favicon.ico" of" type= "" image/x-icon"">
</head>.

3. It is also valid to use the drawing with other expansion, for example GIF or PNG. Only in this case the text will be several another:
<head>
<link rel= "" shortcut icon"" href= ""/images/favicon.png" of" type= "" image/png"">
</head>.
The text record image/png needs to be used if the drawing in the format png, image/gif — if in the gif format.

4. If your website is created on the engine (for example, on Wordpress) then everything is much easier: again at first copy the file with an icon in a root of the blog (public_html folder). Then open the header.php file and between tags and register the following code:
<link rel= "" shortcut icon"" href= ""http://мой_сайт/favicon.ico"" of type= "" image/x-icon"" / <
<link rel= "" icon"" href= ""http://мой_сайт/favicon.ico"" of type= "" image/x-icon"" / <.

5. Also for creation of icons there are special services. One of such — a resource under the name favicon.cc, the link to which is presented in the section "Additional Sources". From you it will only be required to select desirable color and to draw the necessary image. Just save the creation, and the icon is ready. But it is possible to transform to the .ico format the ready image also. The favicon.ru service, the link to which is also presented in the section "Additional Sources", will help with it. Select the necessary picture, press the Create Favicon.ico button, then download the turned-out image.

Author: «MirrorInfo» Dream Team


Print