[Специалист найден] Ищу ассистента-программиста для внедрения типового функционала

Требуется внедрять на сайты 1C-Битрикс модуль обработки картинок и конвертации в формат WEBP.
Оплата – 300 руб. за каждую динамическую картинку (замену тега <img> в шаблоне для картинок, загружающихся из базы данных), 75 руб. за статическую картинку (замену тега <img> для картинок с фиксированным адресом), 150 руб. за правку в CSS.
Можно зарабатывать 1000 – 1500 руб. в час – это средняя скорость обработки сайта. На одну динамическую картинку обычно уходит 5 – 15 минут.

Инструкция по внедрению

Для интеграции на сайты необходимо добавить в шаблоны компонентов вызов функции \Photo\Photo::process для всех картинок.

Пример для шаблона компонента детальной новости без масштабирования:
$arResult["DETAIL_PICTURE"] = \Photo\Photo::process([], $arResult["DETAIL_PICTURE"]);

Пример для шаблона компонента детальной новости, где используется масштабирование:
$arResult["DETAIL_PICTURE"] = \Photo\Photo::process(["WIDTH" => 200, "HEIGHT" => 200], $arResult["DETAIL_PICTURE"]);

Так же требуется вывести тег <picture> в шаблоне вместо тега <img>:
echo $arResult["DETAIL_PICTURE"]["PICTURE_HTML"];

Если необходимо передать атрибуты alt, class тега <img> или class тега <picture>, можно добавить их в параметры вызова. Пример:
$arResult["DETAIL_PICTURE"] = \Photo\Photo::process(["ALT" => "my_alt", "CLASS" => "my_img_class", "PICTURE_CLASS" => "my_picture_class"]);

Для вывода статических картинок (с фиксированным адресом) используется следующий код:
echo \Photo\Photo::process([], [
   "SRC" => "/pictures_folder/picture.jpg", //Заменить путь к картинке на реальный
])["PICTURE_HTML"];
Векторные картинки обрабатывать таким образом не требуется.

Если картинка вставлена на страницу через CSS-правило background, то необходимо прислать ссылку на такую страницу в отчете.

Подробную инструкцию высылаю после согласования первых работ.

Руководство
1. Открыть страницу, где есть теги <img> без обработки функцией модуля (без генерации картинок в форматах webp, avif)
2. В режиме правки посмотреть, в каких файлах (шаблонах) происходит обработка и вывод этих картинок
3. Открыть на редактирование эти файлы
4. Закомментировать старые функции обработки картинок в result_modifier.php (если они есть), добавить обработку картинок из документации по модулю в result_modifier.php
5. Закомментировать вывод картинок через тег <img>. Добавить вывод картинок через тег <picture> из результата обработки модуля, например: <?= $arResult["DETAIL_PICTURE"]["PICTURE_HTML"]; ?>
6. При необходимости внести правки в CSS для корректного отображения тега <picture> вместо <img> (требуется, если для тега <img> задана относительная ширина или высота)
7. Проверить что картинки обрабатываются (есть формат webp или avif), страница отображается корректно и перейти к следующей странице. Необходимо все внимательно проверять!
8. Занести в отчет адреса измененных файлов и количество замененных картинок

Отчет
Отчет составляется в Excel и должен включать следующие столбцы:
- Адрес страницы
- Адреса измененных файлов (template.php, result_modifier.php, CSS и прочих)
- Количество замененных динамических <img>
- Количество замененных статических <img>
- Количество правок в CSS

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

Контакты
Telegram: @Vlad100005
По всем вопросам отвечу в Telegram!