WHAT access to content providers
HOW cockchafers breed and where they live

How to make an icon for the site

How to make an icon for the site

The icon for the site, or as it is called, the icon more often - this is what can be seen in the corner next to the names of the tabs in the browser.

Also recognized icon next to the name of the website in the "Favorites" list, it is still possible to see when the search engine displays your website in SERP.

You will need

  • - Site logo,
  • - Photoshop,
  • - Favicon-converter.



Click the logo of your site in AdobePhotoshop. If no logo, you can take any image, it is only important that it is associated with your site. Process the image by removing all unnecessary items, and now reduce its size to 32 or 16 pixels on each side. Then save the image as a jpeg to png or gif format.


Best of all, if you create a result fileresolution of 32x32 pixels, as users sometimes keep shortcuts to favorite sites, "desktop", and then pictures of 16x16 pixels appear insufficiently detailed. However, keep in mind that your browser icon will still refer to the size of 16x16 pixels, such pictures are displayed in the "Favorites" in the title.


Now we need to convert the image to ico-file. This can be done with the help of a plug-in for Photoshop, or using the free internet service, for example, http://favicon.ru/. And plug-ins, and there are so many services, they work almost identically, so advise a particular does not make sense. Such sites are called favicon-generators.


The resulting file, rename to his name favicon.ico.


Now go to your website control panel andlocate the root directory, which is the first page. This is usually index.html or other file that generates the content management system. There already may lie icon named favicon.ico. In this case, remove the old icon and put in its place the.


If the root directory is not available to you, as wellin those cases, if the code for the site you wrote yourself, then you need to edit all pages of the site on which the icon should appear. Open the page in the editor and in the head section, add an entry & lt-link rel = »shortcut icon» href = »/ favicon.ico» & gt-


If the icon is not located in the root directory, but somewhere else, the parameter href list the full path of the file.

Comments are closed.