размытые фото с телефона

InstantCMS 2.X
#1 12 марта 2018 в 11:39
всем мира! ребята помогите разобраться а то что то уже мозги кипят))
почему на экранах мобильных устройств картинки (пресет normal) в списке контента( новости например) выглядит немного размыто? На экране компьютера, все четко?
заметил если ставлю большую картинку ( пресет big) что бы выводилась в списке то тогда чётко на мобильном!
#2 12 марта 2018 в 12:52
Потому что картинке назначено растянуться по размерам родителя, а размер родителя превышает её реальные размеры.
При этом картинка может быть реальная (тег img) или служить фоном для родителя.
#3 12 марта 2018 в 12:59
Олег Васильевич я, картинка тегом img. подскажите как можно победить эту беду)
#4 12 марта 2018 в 15:18


Олег Васильевич я, картинка тегом img. подскажите как можно победить эту беду)

vsemkrot
Так очевидно же из предыдущего ответа: вывести картинку побольше или изменить стиль.

или подучиться, или попросить, или заказать ))
#5 14 марта 2018 в 10:52
vsemkrot, слишком мало данных. Пресеты стандартные? Список новостей стандартный? Т.е. все по умолчанию?
Могу только предположить, что при просмотре на мобильном картинки показываются с "width: 100%", т.е. растягиваются на весь контейнер и становятся больше чем их реальный размер, отсюда и размытие. Средний пресет по умолчанию 256 пикселей максимум, следовательно при любой ширине колонки больше 256 картинка будет нечеткая.
Способов лечения слишком много разных, зависит от конкретных ваших нужд. Можно оставить пресет big — наверное это самое простейшее.
#6 14 марта 2018 в 10:59
alkokrolik, пресет стоит — Средний normal Авто x 256 90 %, пресет big не вариант ставить уж очень они большие и старница весит много,
для картинки в списке вот аткой css:
width: auto;
max-height: -webkit-fill-available;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.