Почему Битрикс создает превью (уменьшенную копию) анонсовой картинки из детальной плохого качества?

Question

[Leytenant]

В настройках выбираю качество уменьшения JPG 100, максимально возможное.

Анонсовая картинка (уменьшенная) показывается в списке товаров. При наведении мышкой на нее, открывается быстрый просмотр товара и показывается уже детальная картинка (несжатая), только уменьшенная до тех же размером броузером.
Качество детальной картинки заметно выше, чем у анонсовой.

Можно посмотреть на сайте rozetkina.ru

Пример оригинального изображения (детальная картинка):
rozetkina.ru/upload/iblock/0ad/0ad089164d9e81c3e85...

Уменьшенная копия (анонсовая):
rozetkina.ru/upload/iblock/af0/af02daef8f95dee918f...

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

Answer 1

[Дмитрий Новиков]

У вас сейчас происходит так:
из большой картинки (более 2000px в ширину) создается маленькая (133px). затем она немного увеличивается в размерах стилями в css.
т.е. сначала большая картинка ужимается, теряя качество, а потом увеличивается (зачем-то), теряя еще больше.
но это полбеды. при наведении курсора - у вас на месте маленькой отображается большая картинка, сильно ужатая стилями. Зачем все это сделано - непонятно.
Вам хватило бы использования превью чуть больше чем сейчас, без изменения размеров стилями. и без использования второй, большой картинки - именно они приводят к тому, что ваш сайт очень медленно загружается.

Comments

[Leytenant]

Это базовая настройка Битрикса. В таком виде у них и пробная демо версия на сайте. Там даже анонс не создается. Только детальные картинки не такие большие как у меня и это не приводит к торможению заметному.

Answer 2

[Leytenant]

Дмитрий, подскажите, пожалуйста, какие размеры поставить для превью в моем случае?

Большую картинки вообще отключить.

Изменения размеров стилями еще отключить тоже?

Comments

[Дмитрий Новиков]

при генерации превью поставьте максимальную ширину 200, максимальную высоту 300.
отредактируйте шаблон, уберите оттуда большую картинку, уберите изменение размеров или зафиксируйте их.