Оптимизация вывода изображений торгового каталога

[alluseful]

Здравствуйте
Прошу совет по такому вопросу.
Имеем долгую загрузку картинок на открывающихся страницах сайта http://busy-kolca.ru/. Хотя сам сайт по данным самого же битрикса работает быстро, скорость 0,73 сек.
Но вот картинки на страницах каталога, там где много картинок анонса, открываются медленно.
начали искать способ исправления ситуации и выяснилось что можно установить максимальные размеры картинок анонса и детальной в настройках инфоблока (скрин прилагаю).
Вопрос такой - какие параметры выставить оптимально для картинок анонса и детальной, так чтобы и задачу поставленную решить и чтобы без потери качества???

И ещё один момент. Такое решение действует только на вновь вносимые изображения/товары. Может быть кто то знает способ как обработать, оптимизировать уже загруженные изображения? мы сейчас склоняемся к использованию для уже созданных торговых каталогов  модуля Ресайзер2 из маркетплейса но поможет это или нет - не известно.

[DOleg]

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

Вы в превьюшках выводите картинки с разрешением 850px × 850px и весом более 500кб, а учитывая их количество и получается долгая загрузка. Сделайте для превьюшек свои картинки, с разрешением 113px × 113px и выводите их в анонсах.

[MorVit]

alluseful, в шаблоне вывода используйте метод CFile::ResizeImageGet

[alluseful]

alluseful, в шаблоне вывода используйте метод CFile::ResizeImageGet

ого какое необычное и интересное решение! а я уже с маркета модуль ресайзер хотел вставлять. Судя по всему модуль ресайзер это то что вы рекомендуете но в красивой обертке)))
спасибо вам.
я только не понял , этот метод будет работать только на новые товары которые будут вводиться в каталог?
будут ли охвачены этими свойствами картинки  модулей рекомендуемых товаров и персональных рекомендаций?

[MorVit]

я только не понял , этот метод будет работать только на новые товары которые будут вводиться в каталог?

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

будут ли охвачены этими свойствами картинки  модулей рекомендуемых товаров и персональных рекомендаций?

в каких шаблонах вставите, в тех и будут...

Судя по всему модуль ресайзер это то что вы рекомендуете но в красивой обертке)))

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

Пример вставки функции при выводе массива элементов....

Код Выделить Развернуть


<?
$renderImage = CFile::ResizeImageGet($arElement["PREVIEW_PICTURE"], Array("width" => 220, "height" => 150), BX_RESIZE_IMAGE_PROPORTIONAL, true);
?>
...
<img src="<?=$renderImage["src"]?>" alt="<?=$arElement["PREVIEW_PICTURE"]["ALT"]?>" width="<?=$renderImage["width"]?>" height="<?=$renderImage["height"]?>" />
...


[alluseful]

серьезный подход
приятно общаться с человеком знающим свое дело!
Напишите пожалуйста в личку стоимость данной процедуры в вашем исполнении применительно к сайту http://busy-kolca.ru/. Проблема в данном сайте - медленная загрузка картинок из-за большого размера.
Самостоятельно делать вставку скриптов опасаюсь, опыта маловато, боюсь код испортить.
Спасибо заранее.