Как уменьшить фотографии для моб.версии НЕ стилями?

[alinalessioYandex]

У сайта есть возможность вставить изображение и указать его размер. Для примера возьму логотип.

Логотип, для экономии места, уменьшается на мобилках средствами css. Но вес самого изображения, по сути не поменялся, ведь мы искусственно сжимаем большое изображение, а стало быть и скорость загрузки страницы на мобилках хромает.

Я привел в пример только логотип, но речь, разумеется, почти о всех изображениях на странице, которые требуют пересмотрения размера при изменении ширины обозревателя.

 

Кто как решает этот вопрос? Быть может есть какие-то приёмы, которые позволят указывать для разной ширины экрана разные размеры изображений не средствами цсс, а средствами пхп? Или может какой-то js скрипт используете, который на лету подменяет изображение на соответствующее ширине экрана?

[alinalessioYandex]

51 минуту назад, nikifalex сказал:

mobileDetect например

Почитал бегло. Похоже, это то что нужно. Спасибо.

[destreser]

ModPagespeedEnableFilters responsive_images,resize_images
ModPagespeedEnableFilters resize_rendered_image_dimensions