What can be done with the deterioration of the quality of images when resizing the page?

Question

css

What can be done with the deterioration of the quality of images when resizing the page? That is, is it possible to optimize them so that the quality is the same as on the PC?

Answer 1

Resize in which direction? If less.
I use:

width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;

Answer 2

Use image sets and svg.
Read
https://developers.google.com/web/fundamentals/des...
Watch
https://www.youtube.com/watch?v=nTtuiBXKp88

Answer 3

it's just better to use not png, but svg
. png is a bitmap, svg is vector