Ручная обрезка картинок в Drupal 8
Зачем?
- Вам необходимо загрузить фотографию на сайт;
- Эта фотография должна быть квадратной, либо иметь другие четко заданные соотношения сторон;
- Стиль изображения обрезает фотографии в неподходящих местах.
Масштабирование и обрезка (300x300)
Установка Image Widget Crop
Ставим модуль через композер:
composer require drupal/image_widget_crop
Включаем через drush:
drush en image_widget_crop -y
Настройка Crop
Заходим на страницу списка типов обрезки:
/admin/config/media/crop
И добавляем новый тип:
Страница добавления нового crop type
- Aspect Ratio — в каких пропорциях пользователь будет обрезать изображение.
- Мягкий предел — если пользователь обрежет изображение меньше указанной ширины/высоты — сайт выдаст предупреждение.
- Жесткий предел — не позволяет пользователю обрезать изображение меньше указанной ширины/высоты.
Настройка стиля изображения
Добавляем в стиль изображения наш Crop type:
Manual crop должен быть первым. И только потом масштабирование и обрезка.
Настройка управления отображения формы
Заходим в настройки управления отображения формы сущности, которая выводит изображение. У меня это тип материала «Статья».
Для того чтобы появились эти настройки — поменяйте виджет с «Изображение» на «ImageWidget crop»
И в настройках поля выбираем Crop Type.
Не забудьте указать этот стиль изображения в управлении отображением.
Тестирование
Заходим в редактирование ноды/блока/термина таксономии:
Дальше все просто.
И указываем область обрезки изображения самостоятельно.
Результат
Если изображение плохого качества — проверьте «Жесткий лимит» в настройках Crop Type.