Jump to content
покупайте без комиссии
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

Всем привет.

 

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

 

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

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

 

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

 

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

Edited by lavreckiy
Link to post
Share on other sites

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

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

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

 

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

Edited by GetWeb
Link to post
Share on other sites

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

width: 100%;

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

Link to post
Share on other sites

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

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


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

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

 

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

 

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

 

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

 

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

 

Edited by lavreckiy
Link to post
Share on other sites

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

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

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

 

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

Link to post
Share on other sites

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

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

 

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

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

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

 

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

 

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

 

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

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

Link to post
Share on other sites

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

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

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

Link to post
Share on other sites

  • 2 weeks later...

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

Untitled-2.jpg

Edited by lavreckiy
Link to post
Share on other sites

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

Untitled-1.jpg

Link to post
Share on other sites

  • 4 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.


×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.