Плохое качество изображений на мобильном

Главные вкладки

Аватар пользователя greenzlat greenzlat 10 марта 2017 в 20:42

Есть сайт - чисто для мобильных устройств. Тема Adaptivetheme. Почему-то на телефонах картинки мутные. Хотя они отображены в оригинале без компрессии какой либо. Сжатие чисто стоит через css (адаптивное). Кто может подсказать куда копать?? Уже и GD2 заменил на ImageMagick. Разницы не заметил. Хотя на компе смотришь картинки норм. А вот в телефоне мутные становятся.

Комментарии

Аватар пользователя VasyOK VasyOK 11 марта 2017 в 15:09

admin/config/media/image-toolkit - тут смотрели?

Уже и GD2 заменил на ImageMagick. Если на сервере - пожалуйста. А если в Друпале, нафиг и то и другое. Для 7-ки неактуально.

Можете сайт показать.
http://zlatart.ru/img/b3_mob.jpg - ничего плохого не вижу

Аватар пользователя greenzlat greenzlat 11 марта 2017 в 21:16

VasyOK wrote:
admin/config/media/image-toolkit - тут смотрели?

Смотрел. Стоит 100% - ничего не изменилось.

Сайт вот он: http://m.startlist.net/avto - но надо смотреть именно с телефона. Особенно когда переворачиваешь в landscape - то еще хуже качество картинки.

Аватар пользователя deadie deadie 11 марта 2017 в 22:35

Мутные, потому что разрешение у изображений маленькое. Для ретина-экранов нужны x2 или даже x3 размеры. Сравните dpi (dots per inch) на вашем мониторе и на экране мобилы и вы все поймете.

Аватар пользователя VasyOK VasyOK 11 марта 2017 в 23:28

Высказывание deadie натолкнуло меня на мысль, что есть разрешение экрана, а есть масштабирование интерфейса.
greenzlat, оно у вас учитывается, когда выводится картинка в зависимости от резрешения? Может удалите CSS правило которое большую картинку скрывает, а маленькую выводит?

Вообще по запросу "Drupal responsive image" гугл несколько модулей выдает - вполне возможно помогут.

Аватар пользователя greenzlat greenzlat 13 марта 2017 в 7:34

VasyOK wrote:

greenzlat, оно у вас учитывается, когда выводится картинка в зависимости от резрешения? Может удалите CSS правило которое большую картинку скрывает, а маленькую выводит?

Там нет вывода разных картинок под экраны. Там идет адаптивное сжатие через css одной и той же картинки.