Масштабирование и наложение водяного знака на лету
Вопрос наложения водяного знака давно не вопрос. И на лету его тоже нет проблем наложить.
Проблема появилась при необходимости масштабирования водяного знака, чтобы он при любом финальном размере фото товара занимал всю доступную ширину уменьшенного фото или чуть меньше.
Сначала посмотрим на результаты, чего хотелось бы достичь.
Список товаров
Список товаров с водяным знаком применном при сохранении фото в инфоблок.
На данном примере показано, что будет если водяной знак очень большой (больше фото товара).
Список товаров с масштабированным водяным знаком (наша цель).
Карточка товара
Карточка товара с водяным знаком применном при сохранении фото в инфоблок.
Карточка товара с масштабированным водяным знаком (наша цель).
Карточка товара, большое фото
Карточка товара (большое фото) с водяным знаком применном при сохранении фото в инфоблок.
Карточка товара (большое фото) с масштабированным водяным знаком (наша цель).
Решение задачи
Данную задачу не получится решить применив водяной знак единожды при сохранении фото товара в инфоблок. В таком случае при масштабировании фото — водяной знак тоже уменьшится вместе с фото.
Для решения данной задачи:
- нужно хранить в инфоблоке оригинальное фото
- нужен водяной знак большого размера (но не больше самого большого размера фото на сайте, для которого он будет применяться)
- нужно вычислить итоговый размер фото товара после ресайза (А)
- создать уменьшенный вариант водяного знака (А) * 0.95
- применить фильтр с уменьшенным водяным знаком к фото товара
Функцию getResizedImgOrPlaceholder нужно положить в local/php_interface/init.php, потом можно использовать в любом месте.
Подведем итоги
На выходе получаем уменьшенную фотографию товара любого размера и отмасштабированный водяной знак по всей ширине, без потери качества. При этом водяной знак может быть даже больше самих фото.