Как увеличить разрешение изображения в галерее?

Не уверен, что задаю здесь правильный вопрос, поскольку я больше PHP-кодировщик, чем графический дизайнер. На сайте моего клиента есть галерея изображений Views, которая отображает 3 столбца в ширину на рабочем столе и 1 в ширину на мобильном устройстве. Разрешение изображения на мобильном устройстве не очень хорошее, и я пытаюсь его увеличить.Я подозреваю, что это то же самое разрешение на рабочем столе, но это никого не беспокоит.

Я думаю, что правильным решением здесь является использование более крупного стиля img для изображения, а затем настройка с помощью CSS, чтобы уменьшить его, чтобы он соответствовал устройству (отзывчивый). Но если я это сделаю, размер изображений не уместится в 3 широких столбцах на рабочем столе.

Имеет ли все это смысл? Есть ли модуль, чтобы сделать это правильно. Я просмотрел модули Responsive Images и Styles и Picture, но они звучат так, будто просто создают изображения, которые изменяют размер, но не позволяют начинать с более крупного img (более крупный стиль).

Одно дело — определить адаптивные стили изображений для установки конкретных точек останова, а другое — улучшить качество загружаемых изображений. Например, инструментарий Image позволяет вам установить качество JPEG обрабатываемых изображений, что приводит к лучшему качеству изображения за счет более высокой сетевой передачи.

Я бы постарался максимально избежать сжатия изображений с помощью CSS, потому что это работает, но вы открываете дверь на медленную страницу: представьте, что кто-то загружает карусель из 5 МБ изображений, а вы показываете миниатюры 220 пикселей на мобильном телефоне -> размер страницы станет непригодный для использования.