How to make an icon?

The logo of the company is of great importance for itsdevelopment and popularization. In the case of the site, this role is assigned to its icon, because its recognition by the user is much faster than reading the title or text of the page. Make the same icon for the site is quite simple.

What should be the site icon

Favicon (or pictograph) first startedused by Microsoft to refer to sites added to "favorites" and to track the popularity of resources. Therefore, the basic format is still considered ICO. It is recognized by absolutely all browsers.

Theoretically, you can provide the site with icons in PNG, JPEG, SVG, APNG and even GIF (with animation) formats, but they will be read (or not done at all) by each browser in different ways.

It is also common to use images withthe size of 16 by 16 pixels. In the rest, the Favicon can be anything, that is, it can be any picture. However, given the small size, it would be more appropriate to use simple shapes (the same logo, for example) as an image for it.

Adobe Photoshop

Having the skills to work in any graphiceditor, you can make a site icon with it. To do this, just draw any picture or reduce the size of the finished photo. In Adobe Photoshop, this is done like this:

  1. run the program;
  2. open the "File" menu;
  3. select the item "Open ...";
  4. find the desired image on the disk and double-click on it;
  5. we move the cursor to the "cap" of the window of the open image and press the right mouse button;
  6. in the expanded menu select the item "Image Size ...";
  7. remove in the opened window a bird from the point "Keep proportions" (if worth);
  8. in the "Dimension" section, set the fields "Width" and "Height" to 16 pixels;
  9. we press the button "OK".

After that, just save the icon withname favicon with the permission ".png". So it will be visible in all major browsers (except Internet Explorer). To convert the Favicon into ICO format, you will need to use some converter.

Converting to ICO

The best for these purposes is the Format utilityFactory. With it, you can convert almost all common formats like video and audio files, and images. To convert a favicon created in the graphical editor to ICO using Format Factory, you need:

  1. run the program;
  2. open the "Photos" section (left);
  3. click the button "All in ICO";
  4. In the window that opens, click the "File" button;
  5. find your image on disk and double-click on it;
  6. click the "OK" button;
  7. click the "Start" button in the main program window.

Online services

Quickly draw an icon for a site or convert an existing image for these purposes using various online services.

Favicon.ru

To create a phavicon in this service it is enough:

  1. go to the address;
  2. in the "Draw an icon" field, draw the desired object (the choice of colors is on the left panel);
  3. click the "DOWNLOAD FAVICON" button;
  4. click the "DOWNLOAD" button in a new window and specify the location for saving the created icon.

Favico.com

Allows you to convert any picture into icons for the site. To do this you need:

  1. go to the address;
  2. click on the "BROWSE" button;
  3. select the desired image on the disc;
  4. press the button "CREATE";
  5. Click the arrow in the panel to the right and specify the location to save the created icon.

Related news

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon

How to make an icon