Качество изображений

[lavreckiy]

Всем привет.

 

Долгое время забивал, но теперь решил окончательно разобраться с данной проблемой, а именно проблема с качеством изображений на сайте, причем проблемы по факту 2:

 

1) Проблема в качестве в каталоге на главной странице (у меня выведены на главную все товары), в то время если зайти на страницу самого товара - все отлично.

2) Качество изображений в мобильной версии сайта, оно отвратительнейшее что в каталоге, что на странице товара

 

Может кто подсказать как решить эту проблему? Буду просто бесконечно признателен за помощь

 

Сайт магазина http://haute-winter.ru

Змінено 18 вересня 2018 користувачем lavreckiy

[GetWeb]

У вас изображение подстраивается по ширине

.prd-block4 .image img {
    width: 100%;
}

Например в декстпоной версии, у вас ширина карточки товара 363.333px в то время как сама картинка по ширине 350px. Поэтому идет искажение, так как картинка увеличивается на какой-то процент. В мобильной версии, с компьютера если смотреть, то у меня все нормально, но подозреваю что там тоже что-то в этом же духе.

 

Как с этим бороться? Как вариант задать размер по умолчанию процентов на 10-20 больше. Таким образом картинки будут не увеличиваться, а уменьшаться, что не так сильно будет портить качество.

Змінено 18 вересня 2018 користувачем GetWeb

[SiteMix]

1) Убрать в файл  catalog/view/theme/rgen-opencart/stylesheet/stylesheet.css в строке 1578 то, что описано выше: 

width: 100%;

Уже этого будет достаточно чтобы улучшить качество. Если же такой размер маловат, то задать необходимый размер в настройках модуля, а не стилями.

[lavreckiy]

3 часа назад, GetWeb сказал:

У вас изображение подстраивается по ширине

.prd-block4 .image img {
    width: 100%;
}

Например в декстпоной версии, у вас ширина карточки товара 363.333px в то время как сама картинка по ширине 350px. Поэтому идет искажение, так как картинка увеличивается на какой-то процент. В мобильной версии, с компьютера если смотреть, то у меня все нормально, но подозреваю что там тоже что-то в этом же духе.

 

Как с этим бороться? Как вариант задать размер по умолчанию процентов на 10-20 больше. Таким образом картинки будут не увеличиваться, а уменьшаться, что не так сильно будет портить качество.

 

Размер изначальных картинок 1000х1506px в том то и дело

 

Что касаемо мобильной версии, зайдите с телефона на сайт и попробуйте увеличить фото расширив экран, сразу поймете о чем я.

 

В общем уменьшил до 95%, вроде стало лучше. Но проблема с моб версией так и остается открытой(((

 

Змінено 18 вересня 2018 користувачем lavreckiy

[GetWeb]

59 минут назад, lavreckiy сказал:

Размер изначальных картинок 1000х1506px в том то и дело

Какое бы вы не загружали изображение, оно будет отредактировано для всех типов вывода, это картачка товара, сам товар, минифицированная версия и т.д... Конкретно в вашей карточке товара изображение 350x500 вот оно

 

В opencartpro последних версий редактируются эти значения в расширения > шаблон. В ocstore там же, только названия другие

[Гість]

 

[SiteMix]

1 час назад, lavreckiy сказал:

Размер изначальных картинок 1000х1506px в том то и дело

 

В каждом модуле задаются размеры изображений и какой бы не был исходный файл картинка масштабируется до заданного в размере и сохраняется в кэше. Поэтому:

2 часа назад, SiteMix сказал:

Если же такой размер маловат, то задать необходимый размер в настройках модуля, а не стилями.

 

В некоторых модулях применяются общие настройки. Например, не знаю каким модулем выведены товары на главной, но они в подобных модулях размер изображений может браться из настроек для категорий. Но чаще у модулей свои настройки.

[SiteMix]

30 минут назад, WarezHunter сказал:

Сжатие изображений Opencart (Компрессор) плюс водяной

В данной ситуации этот модуль не поможет. У ТС задан неправильный размер картинок и потом она растянута, поэтому, какая бы не была качественная картинка, на выходе будет то же самое.

[lavreckiy]

1 час назад, SiteMix сказал:

 

В каждом модуле задаются размеры изображений и какой бы не был исходный файл картинка масштабируется до заданного в размере и сохраняется в кэше. Поэтому:

 

В некоторых модулях применяются общие настройки. Например, не знаю каким модулем выведены товары на главной, но они в подобных модулях размер изображений может браться из настроек для категорий. Но чаще у модулей свои настройки.

Товары на главной выведены стандартным модулем моего шаблона R.Gen Opencart, спасибо за совет, постараюсь покапаться в админке и найти где там все это дело меняется

[lavreckiy]

14 часов назад, lavreckiy сказал:

Товары на главной выведены стандартным модулем моего шаблона R.Gen Opencart, спасибо за совет, постараюсь покапаться в админке и найти где там все это дело меняется

Ура, нашел, всем спасибо за советы, теперь сайт стал куда приятней выглядеть)))

[lavreckiy]

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

Змінено 1 жовтня 2018 користувачем lavreckiy

[lavreckiy]

И еще вопрос, где убирается данный блок? Тоже в настройках шаблона не могу найти.

[krluch]

В 01.10.2018 в 14:35, lavreckiy сказал:

где убирается данный блок

в footer.tpl