Поле для Advanced Custom Fields, которое заставляет пользователя обрезать изображение до определенных пропорций или размера в пикселях после загрузки. Использование пропорциональной обрезки особенно полезно в случаях использования адаптивных изображений.
После обрезки в галерее создается новый вариант обрезанного изображения, который также сохраняется в записи. Для нового изображения также создаются миниатюры. Пользователь может в любой момент повторно обрезать исходное изображение со страницы записи.
Варианты обрезанного изображения по умолчанию скрыты в медиа браузере и на странице медиа, но вы можете посмотреть их, выбрав «вид списка» на странице медиа.
Есть три режима работы: пропорциональная обрезка, размер в пикселях и свободная обрезка. Вы можете выбрать эту опцию при создании поля ACF
Пропорциональная обрезка
Используйте эту опцию, если вы хотите, чтобы изображение имело определенные пропорции, например 16:9, но при этом, размер в пикселях не имел значения.
После выбора изображения пользователь может выбрать область изображения, которая соответствует этому соотношению сторон. При нажатии кнопки «Обрезать» область обрезается из исходного изображения.
Если вам нужно изображение меньшего размера, воспользуйтесь функцией миниатюр WordPress для доступа к уменьшенной версии изображения.
Размер в пикселях
Используйте эту опцию, если вам нужно изображение определенного размера в пикселях, например 640×480. Пользователь не сможет выбрать изображение меньше заданного размера в пикселях.
После выбора изображения пользователь может выбрать область из нужного изображения, которая может быть больше, чем размер в пикселях, но не может быть меньше. Соотношение сторон выделенного фрагмента заблокировано в соответствии с размером в пикселях.
При нажатии кнопки «Обрезать» область обрезается из исходного изображения. После завершения обрезки изображение будет автоматически уменьшено до размера в пикселях. Это означает, что конечное изображение всегда будет указанного размера.
Свободная обрезка
Обрезку можно делать свободно, ограничений по пропорциям нет.
Требования
- WordPress: 4.9 или выше
- PHP 5.6 или выше
- Advanced Custom Fields 5.8 или выше (Pro или Free)
Совместимость
- Polylang Pro
- Enable Media Replace
-
WP Offload Media, Media Cloud и другие плагины, которые перемещают медиафайлы в удаленное местоположение
-
ACF 5.8 или выше (Pro или Free)
Спасибо
Особая благодарность Андерсу Торборгу за ACF Image Crop, который послужил источником вдохновения для этого плагина. Также спасибо Фэнюань Чен за библиотеку cropper.js!