All geek questions in one place

Upload image icon without cropping?

Noob is here. At what sizes, that is, width and height, I have to upload a small snapshot that represents the link of the icon, for example, "Home", "Sitemaps". Is there a universal width and height that will not crop the image when it is displayed in different browsers? thanks, I usually set them to 88 x 88.

+4
source share
2 answers
<img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42"><img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42">

make sure between> <img tags

+3
source

The browser does not crop the image. There is nothing to worry about. If you are new to this, I would advise you to use Alts, Title (for SEO - search engine optimization), as well as the size of your images.

 <img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42">

If your image looks cropped, it might be due to your CSS. In Chrome, for example, right-click on the image and select Inspect. Then check the bottom left “Styles” tab to see if there is any style that affects your image. You can unlock styles to see if one of them makes your image crop. If this is the case, just edit your css accordingly.

+2
source

Source: https://habr.com/ru/post/1485561/

More articles:


All Articles