Преобразование параметров изображений

В этой статье описаны принципы преобразования параметров изображений на Платформе в соответствии с настраиваемыми политиками и профилями изображений.

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

Размытие — это метод, который помогает сделать изображение менее резким и создать эффект смягчения разной степени. Также размытие может уменьшить размер изображения, что полезно для ускорения загрузки страницы и обеспечения её корректного отображения.

Платформа изменяет файлы изображений в соответствии с Политиками преобразования, которые определены в настройках Сервисной конфигурации. Политика преобразование может включать в себя различные Профили преобразования, которые определяют параметры изменения изображений.

Платформа изменяет файлы изображений в соответствии с Политикой преобразования, которую можно привязать в настройках Сервисной конфигурации. Политика преобразования может включать в себя различные Профили преобразования.

Профиль преобразования — это набор настроек, которые определяют, какое изображение должно получиться после преобразования. Каждый профиль состоит из следующих полей:

Параметры изображений изменяются синхронно. Это означает, что каждый пользователь получит изменённое изображение в соответствии с указанными настройками.

Ширина и высота (width/height)

Параметры Ширина и Высота задают размеры изображения, которое вы хотите получить. В зависимости от того, совпадают ли пропорции (соотношение ширины и высоты) изменённого изображения с пропорциями исходного, итоговые размеры полученного изображения могут совпадать или не совпадать с желаемыми.

Если вы установили желаемые ширину и высоту таким образом, чтобы пропорции изменённого изображения соответствовали пропорциям исходного, то реальные размеры будут такими же, как вы хотели. В противном случае итоговые размеры не будут соответствовать желаемым. В этом случае фактические размеры полученного изображения будут определяться пропорциями исходного изображения и применяемой формулой изменения размеров.

Преобразованное изображение не может быть больше исходного. Если в профиле указаны ширина и высота, превышающие размеры оригинала, платформа не будет увеличивать размер изображения.

Качество (quality)

Параметр Качество влияет на уровень сжатия изображения, а следовательно, и на вес файла. Чем ниже качество изображения, тем меньше его размер.

Особенно важно оптимизировать качество изображений, если на веб-ресурсе они размещаются без какой-либо предварительной обработки и их объём может достигать нескольких мегабайт.

Параметр Качество можно изменить только для изображений в форматах JPEG и WebP.

Качество изображения может варьироваться от 10 до 100 единиц (включительно). Значение 100 по умолчанию означает, что оригинальное изображение не требует изменений.

Формула приведения (fit)

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

Существуют три возможных значения для формулы:

  • Contain (по умолчанию) — изменение ширины и высоты изображения с сохранением пропорций оригинала. В этом случае высота и ширина ограничивают размеры изображения. Изображение будет приведено к максимально возможному разрешению в пределах этих ограничений, сохраняя пропорции.

  • Crop — изменение ширины и высоты изображения с сохранением пропорций оригинала, но с приведением к размерам, указанным в Профиле преобразования. Для этого будут удалены части изображения, выходящие за пределы указанных размеров (сначала изображение будет масштабировано по наибольшей стороне с сохранением пропорций, а затем обрезано по наименьшей стороне, чтобы соответствовать заданным размерам).

  • Scale — изменение ширины и высоты изображения без сохранения пропорций оригинала. Изображение будет приведено под пропорции Профиля преобразования.

Радиус размытия (blur)

Параметр Радиус размытия предназначено для смягчения изображения и уменьшения резкости. Оно выполняется по функции Гаусса. Чем больше радиус, тем сильнее размытие.

Максимальное значение Радиуса размытия – 80.

Как настроить оптимизацию изображений?

Last updated