tocdepth

2

Изменение размера изображения

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

Изменение размера изображения на источнике

Для изменения размера изображения после настройки Image stack задайте формат на сайте-источнике:

  1. Откройте код сайта-источника и найдите строки с URL нужных изображений.

  2. Добавьте в URL изображений параметр запроса с нужными значениями в формате: image.jpg?параметр=значение.

    На месте image.jpg используйте URL вашего изображения на сайте.

    Два и более параметров задаются в формате image.jpg?параметр1=значение&параметр2=значение&….

  3. Сохраните изменения в коде сайта-источника.

    Изображения отображаются на сайте в указанном размере.

Параметры сжатия

  • width — сжимает картинку с сохранением пропорций исходной картинки. Ширина новой картинки указывается в пикселях. Высота расчитывается автоматически с сохранением пропорций исходной картинки.

  • height — сжимает картинку с сохранением пропорций исходной картинки. Высота новой картинки указывается в пикселях. Ширина расчитывается автоматически с сохранением пропорций исходной картинки.

  • fit — настраивает способ уменьшения картинки: обрезка по краям, сжатие пропорционально исходной картинке или сжатие с игнорированием пропорций исходного изображения. Чтобы использовать fit, нужно указать ширину и высоту нового изображения и добавить параметр fit: image.jpg?width=300&height=100&fit=…

Параметр fit может принимать четыре значения:

  • fit=fit — ширина и высота изображения указывается в параметрах width и height. Лишние пиксели равномерно обрезаны по краям.

  • fit=bounds — изображение уменьшается пропорционально. Из параметров width и height выбирается большее, второе игнорируется.

  • fit=cover — изображение уменьшается пропорционально. Из параметров width и height выбирается меньшее, второе игнорируется.

  • fit=force — ширина и высота изображения указывается в параметрах width и height. Изображение сжимается по ширине и высоте, даже если сжатие нарушает пропорции исходного изображения.

Запустили Evolution free tier
для Dev & Test
Получить