Как настроить подходящий размер изображений?

Question

[Toy Boy]

При проверке сайта через Lighthouse для мобильных девайсов выходит рекомендация, как быть?
На изображениях выставлены размеры 100%.

Comments

[WapSter]

Не припомню, чтобы lighthouse давал рекомендации по размеру изображений, когда-то давно возможно

[Toy Boy]

Смысл мне врать)

Answer 1

[Владимир]

Вероятно, причина в том, что для всех дисплеев используется один и тот же файл изображения, обычно максимального разрешения. Согласитесь, что грузить картинку, допустим, 1920х1080 px на мобильное устройство -- не лучшая идея; достаточно и 800х600.

Воспользуйтесь srcset:

https://developer.mozilla.org/ru/docs/Learn/HTML/M...