Icon for the website, or as to its thicket call, an icon is what can be seen in a corner near the name of a tab in the browser. Also the icon is reflected opposite to the name of the website in the Favorites list, still it can be seen when the search engine shows your website in delivery.
It is required to you
- - website logo,
- - Photoshop,
- - favicon-converter.
Instruction
1. Open a logo of your website in the Adobe Photoshop program. If there is no logo, it is possible to take any other picture, it is important only that it was associated with your website. Process the image, having removed all excess details, and now reduce its size to 32 or 16 pixels on each party. Then save the image as the graphic file in the png or gif format.
2. It is the best of all if you create as a result the file with the resolution of 32х32 pixels as users sometimes save labels of the pleasant websites on "Desktop", and there pictures of 16х16 pixels look insufficiently detailed. Nevertheless, keep in mind that in the browser your icon will be all the same brought to the size of 16х16 pixels, such pictures are displayed in "Favorites" and in heading.
3. Now it is necessary to transform the picture to the ico-file. It is possible to make it by means of any plug-in for Photoshop or, having used free Internet service, for example, http://favicon.ru/. Both plug-ins, and services there is a huge set, they work almost equally so to advise some specific there is no sense. Such websites are called favicon-generators.
4. Rename the file received as a result that his name was favicon.ico.
5. Now come into the control panel of your website and find a root directory where the first page lies. Usually it is index.html or other file which is generated by the content management system. There the icon with the name favicon.ico can already lie. In this case delete an old icon and place instead of it the.
6. If the root directory is unavailable to you and also in those cases if you wrote the code for the website, then it is necessary to edit all pages of the website on which the icon should appear. Open the page in the editor and in the section head add entry <link rel= "" shortcut icon"" href= ""/favicon.ico"">
7. If the icon is located not in a root directory, and somewhere else, then in the href parameter register a full path of the file.