Пользователи заходят на веб-сайты с различных устройств — ПК, ноутбуков, планшетов или мобильных устройств. Каждый месяц с выходом нового форм-фактора меняются и параметры изображений, которые должны адаптироваться под различные типы экранов. При разрастании каталога изображений, используемого владельцами веб-ресурсов, ресайзинг изображений становится ресурсоемкой задачей, под которую требуется дополнительные ресурсы разработчиков и контент-менеджеров: использование изображений некорректного размера вредит юзабилити веб-ресурса, от этого могут пострадать показатели конверсии и удержания посетителей на сайте. Для реализации автоматизированного ресайзинга на собственной инфраструктуре нужно соответствующе планировать архитектуру приложения и нижележащую ИТ-инфраструктуру, а также инвестировать в расширение штата разработчиков и развертывание дополнительных серверов кэширования и преобразования. Ngenix расширила функциональность сервиса Image Optimization, первой среди российских игроков сделав ее доступной в составе подключаемого сервиса.
Возможность ресайзинга в составе сервиса Image Optimization позволяет автоматически адаптировать размер изображения под нужный размер, предусмотренный CMS веб-сайта, а также сжимать и конвертировать его в WebP для ускорения загрузки. Теперь в сервисе Image Optimization доступны следующие функции:
- Изменение размера:
- приведение к заданным пропорциям в формате длина х ширина
- приведение к заданному размеру одной из сторон (длина или ширина) с сохранением пропорций оригинального изображения
- пропорциональное изменение размера с указанным фактором - Обрезка: обрезка до заданного размера по длине или ширине
- Уменьшение размера за счёт сжатия изображения с заданным фактором
- Преобразование в оптимизированный формат WebP для поддерживающих WebP пользовательских приложений
Пользователь конфигурирует в личном кабинете несколько профилей изображений с необходимыми параметрами (например, значения ширины и высоты) и соответственно изменяет ссылки на своих ресурсах, используя оптимальные профили в зависимости от типа пользовательских устройств. После этого все пользователи начнут получать изображения, которые имеют оптимальный размер для их экрана. Ресайзинг изображений происходит в синхронном режиме.
Расширяя сервис Image Optimization функциональностью ресайзинга изображений, мы отвечали на потребности наших клиентов, уже оценивших выгоды первой версии сервиса. Пользователи сервиса Image Optimization , предполагающего автоматическую конвертацию тяжелых изображений в WebP в облаке, отмечали снижение исходящего трафика в сторону клиентов на десятки процентов, а многие смогли ускорить загрузку страниц в разы. Возможность ресайзинга изображений в составе Image Optimization 2.0 — это важный апгрейд и следующий этап создания самой полнофункциональной облачной платформы для ускорения веб-ресурсов, не имеющей аналогов на российском рынке, — прокомментировал Дмитрий Криков, технический директор Ngenix.