Управление миниатюрами изображений в Bolt CMS

При выводе изображения в Bolt CMS возможно управлять его размером. Даже если в папке лежит исходник овер 9000 пикселей в ширину движок позволяет вывести его аккуратный сжатый вариант. Для этого используется тег thumbnail

Первый, самый простой случай: нам нужно вывести изображение фиксированного размера.

<img src="{{ content.image|thumbnail(320, 240) }}">

Такая конструкция выведет картинку с размерами 320 * 240 пикселей. Надо ли говорить, что если исходник имел другое соотношение сторон, пропорции исказятся.

Если такое положение дел вас не устраивает, то имеется несколько режимов кадрирования:

  1. «c» (crop, default) — этот режим приводит изображение к заданному размеру путём обрезки. При этом пропорции изображения сохраняются.
  2. «f» (fit) — в этом режиме изображение не обрезается, а деформируется.
  3. «b» (borders) — оставит изображение в заданных пропорциях, при этом не деформируя его, однако возможно добавление рамки.
  4. «r» (resize) — изменяет размер изображения, без деформации и добавления рамок, однако однако в таком режиме одна из сторон может не соответствовать по размеру заданной.

Пример использования режима кадрирования resize

<img src="{{ content.image|thumbnail(100, 100, 'r') }}">

comments powered by HyperComments

Ещё записи

Лайтрум изменяет цвета для NEF файлов (Никон). Что делать?

Как я справился с неприятной особенностью популярного фоторедактора.

Создание двух слайдеров с нестандартным содержимым: встроенными постами из Инстаграма и видео

Рассказываю как запилить на «Болте» слайдеры с неким содержимым отличным от просто картинки. В тексте: применение slick-слайдера, практическое использование поля типа repeater, немного о переменной цикла loop.index и встраивании видео посредством Youtube API.

Форма обратной связи во всплывающем окне

Пример отлаженной на многих проектах формы обратной связи, размещённой во всплывающем окне.