Как обрезать и изменять размер изображений в WordPress? –

У нас более 20 тысяч изображений на этом сайте. Как правило, мы используем Snagit для захвата и редактирования изображений перед загрузкой через редактор сообщений WordPress. Однако иногда необходимо редактировать изображения в редакторе. Например, если вы хотите обрезать края, увеличить масштаб или изменить размер в соответствии с макетом поста. Вы можете использовать несколько способов обрезки и изменения размера изображений в WordPress, и мы объясним некоторые из простых вариантов в этой статье.

Изменение размера изображений в WordPress

Изменение размера означает изменение размеров изображений. Однако есть разные способы изменить размеры, сохранив соотношение сторон или обрезав ненужную часть.

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

Мы не видим никаких опций в WordPress для массового изменения размера изображений. Однако есть два способа изменить размер отдельных изображений в WordPress — один из редактора сообщений Gutenberg, а другой — из медиатеки. Давайте подробно объясним оба варианта в следующих разделах.

1. Изменение размера изображений в редакторе Гутенберга

Когда вы создаете или редактируете сообщение, вставьте блок изображения и загрузите изображение. Вы можете изменить размер, используя один из следующих вариантов.

1.1. Использование настроек блока

Щелкните загруженное изображение, а затем щелкните значок с тремя вертикальными точками на панели инструментов. Выберите «Показать дополнительные настройки», чтобы просмотреть настройки блока изображений на правой боковой панели. Если опция говорит «Скрыть дополнительные настройки», то вы уже должны видеть настройки блока на боковой панели.

Показать настройки блока изображений в Гутенберге
Показать настройки блока изображений в Гутенберге

Вы можете использовать следующие настройки для изменения размера выбранного изображения:

  • Стили — опция по умолчанию оставит изображение таким, какое оно есть, в то время как закругленная опция преобразует ваши изображения с закругленными углами.
  • Размер изображения — выберите зарегистрированные размеры изображений, доступные для вашей темы. Вы можете выбрать полный размер, средний размер или размер эскиза для отображения. Помните, что размер этих параметров будет учитываться в соответствии с вашими настройками в разделе «Настройки > Мультимедиа».
  • Размеры изображения — выберите один из предустановленных параметров, таких как 25%, 50%, 75% (100% — это размер вашего изображения) или введите собственную ширину/высоту для вашего изображения. Вы можете просмотреть изображение с новыми размерами и сбросить, если размер не соответствует макету.

Ниже показано, как в редакторе будет выглядеть изображение со скругленным стилем и размером, измененным на 50%.

Изменение размера изображений из настроек блока в Гутенберге
Изменение размера изображений из настроек блока в Гутенберге

1.2. Обрезка изображения в редакторе Гутенберга

Когда вы нажимаете на изображение, вы можете увидеть значок «Обрезать» на всплывающей панели инструментов. Хотя он говорит обрезать, он не позволяет вам изменять размер или обрезать, как вы можете делать в Photoshop, Snagit или любом другом графическом редакторе. Он предлагает следующие три варианта:

  • Масштаб — щелкните значок линзы, чтобы просмотреть ползунок для перетаскивания и увеличения изображения. Вы можете увеличить масштаб до 300%, используя эту опцию, чтобы сфокусировать любые мельчайшие детали, чтобы показать их на изображении.
Увеличить изображение в WordPress
Увеличить изображение в WordPress
  • Соотношение сторон — у вас есть всего 9 предопределенных соотношений сторон, по 4 для альбомной и портретной ориентации и одно для квадратного размера. Выберите 16:9 или 2:3 или любой другой размер для изменения размера изображения.
Изменить соотношение сторон изображения в WordPress
Изменить соотношение сторон изображения в WordPress
  • Повернуть — используйте эту опцию, чтобы повернуть изображения на 90 градусов, чтобы отразить их по горизонтали или по вертикали.
Обрезанное изображение в редакторе Гутенберга
Обрезанное изображение в редакторе Гутенберга

Хотя вы можете использовать все эти параметры для изменения размера изображений, мы не думаем, что увеличение, вращение или изменение соотношения сторон изображения в любой части мира называется кадрированием. Мы не знаем, почему ребята из WordPress дают этому значку такое вводящее в заблуждение название и показывают сетку. Многие пользователи думают, что они могут перетаскивать сетку или выбирать часть для обрезки. Однако в редакторе Gutenberg это не работает.

1.3. Перетаскивание и изменение размера

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

Перетащите и измените размер изображения в WordPress
Перетащите и измените размер изображения в WordPress

Это так же, как WordPress работает со старым классическим редактором, вы можете изменить размер изображения только пропорционально.

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

2. Изменить размер изображения из медиатеки

Это удобный способ, особенно если вы действительно хотите обрезать изображение. Перейдите в «Медиа > Библиотека» и выберите изображение, которое хотите отредактировать.

Редактировать изображение в медиатеке
Редактировать изображение в медиатеке

Подобно настройке блока изображений Gutenberg, вы можете использовать следующие параметры на боковой панели.

Изменение размера изображения в медиатеке
Изменение размера изображения в медиатеке
  • Масштабировать изображение — здесь вы можете увидеть исходные размеры изображения, а также возможность ввести новые размеры высоты/ширины. После ввода новых размеров нажмите кнопку «Масштаб», чтобы изменить размер изображения.
  • Настройки миниатюр — выберите параметр, чтобы применить изменения ко всем размерам выбранного изображения, только к миниатюрам или ко всем размерам, кроме миниатюры.

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

2.1. Обрезка изображения в медиатеке

Параметр «Обрезка изображения» позволяет обрезать изображение, используя соотношение сторон или размеры выделения.

  • Чтобы обрезать изображение, просто выберите часть изображения, которую вы хотите обрезать, с помощью мыши. Размеры будут показаны в разделе «Подбор».
  • Если вы хотите исправить соотношение сторон, сначала введите соотношение в «Соотношение сторон», а затем выберите часть с помощью мыши.

После того, как вы зафиксировали выделение, нажмите кнопку «Обрезать».

Обрезать изображение для выбора и соотношения сторон
Обрезать изображение для выбора и соотношения сторон

WordPress обработает в соответствии с вашим выбором и в результате покажет обрезанное изображение. Нажмите кнопку «Сохранить», чтобы применить изменения, или нажмите кнопку «Отменить», чтобы вернуться к исходному размеру.

Обрезанное изображение в медиатеке WordPress
Обрезанное изображение в медиатеке WordPress

Заключительные слова

Как видите, в WordPress есть несколько вариантов обрезки и изменения размера изображений. Вы можете использовать старый классический редактор, редактор блоков Gutenberg или редактировать изображения из медиатеки. Единственная путаница — это функция кадрирования в Гутенберге, для которой вы можете использовать медиатеку.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *