How To Insert An Icon On A Website

Table of contents:

How To Insert An Icon On A Website
How To Insert An Icon On A Website

Video: How To Insert An Icon On A Website

Video: How To Insert An Icon On A Website
Video: How To Add Icons on HTML Website | Add Font Awesome Icons on website 2024, December
Anonim

The original and interconnected with the theme of the site, the icon will be remembered by the visitors and will allow them to quickly identify the resource. It will be displayed on the left of the bookmark, as well as next to the pages dropped due to the search.

How to insert an icon on a website
How to insert an icon on a website

Instructions

Step 1

Prepare a picture to be used as an icon. The image should not be large and consist of many elements. Try to stick to simple geometric shapes: circle, triangle, square. An interesting option will be the abbreviation of the project, consisting of 2-3 letters. If it is impossible to find a combination, it is better to use a regular thematic picture. But do not be too small - on a small graphic file, numerous details will simply merge, not giving the visitor the slightest chance to see them.

Step 2

If the site was created with simple html pages, in this case, use the command:. You need to insert it into, the location does not make a fundamental difference. To add an image, upload it to the server or use file hosting for this purpose. When choosing the second method, you need to remember that as soon as the picture becomes unavailable at the address, the icon will no longer be displayed.

Step 3

It is better to install an icon on a site managed by cms by creating a separate file with the.ico extension. It should be uploaded to the root of the site using special programs, for example, FileZilla. Then you need to add it to the command. After performing such actions, your icon should be displayed correctly in all browsers.

Step 4

There is also an easier way to create a thumbnail. Go to the website https://favicon.ru/ and upload a picture to it. Click "Download favicon.ico" - the new document will be in the downloads. Now fill it in the root of the site and add the following before the tag:

Recommended: