тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

Обработка изображения в Wordpress

Давайте перейдем в окно редактирования файла изображения и нажмем на следующую кнопку:

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

Давайте рассмотрим, какие настройки здесь присутствуют. Для начала рассмотрим работу кнопок следующего меню:

Следующая кнопочка переворачивает изображение на 90 градусов влево:

Следующая кнопочка переворачивает изображение, меняя местами верх и низ:

А следующая кнопочка переворачивает изображение справа налево:

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

Попробуйте работу описанных кнопочек на вашей картинке.

Отмена действий

Следующая кнопочка отменяет предыдущее действие:

На скрине кнопочка не активна, так как я еще не совершил никакого действия, поэтому нечего отменять. Как только с картинкой будет что-то сделано - эта кнопочка станет активной (пропадет серый цвет) и на нее можно будет нажимать.

Следующая кнопочка, наоборот, возвращает обратно следующее действие:

Эта кнопочка полезна, когда вы отменили какое-то действие кнопкой отмены и результат вас не устроил - можно нажать указанную кнопочку для возврата назад.

Проще говоря, данные кнопочки позволяют перемещаться по вашим действиям вперед и назад.

Переверните картинку на 90 влево.

Еще раз переверните картинку на 90 влево.

Отмените предыдущее действие.

Еще раз отмените предыдущее действие.

Вернитесь на действие вперед.

Вернитесь на еще на действие вперед.

Кадрирование

Следующая кнопочка выполняет кадрирование изображение:

Кадрированием называется возможность обрезать картинку, отбросив лишнее и оставив только нужное.

Как видно на скрине, эта кнопочка сейчас не активна. Это потому, что мы не указали, какой именно участок мы хотим оставить.

Давайте выделим этот участок. Для этого необходимо нажать кнопку мыши в какое нибудь место картинки и не опуская кнопки двигать мышку по картинке.

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

Если выделенная область вас устраивает, то теперь можно нажать на нашу кнопочку (она после выделения области становится активной):

В результате от картинки останется только выделенная вами область, остальное будет отброшено.

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

Для изменения размера области нажмите мышкой на один из таких квадратиков:

Затем удерживая нажатой кнопку мышки тяните этот квадратик - область будет меняться. Поэкспериментируйте самостоятельно.

Можно также нажать мышкой в любое место области (кроме описанных выше квадратиков) и не отпуская кнопку мыши двигать курсором - область будет двигаться вместе с ним.

Выделите какую-нибудь область для кадрирования.

Поменяйте ширину и высоту выделенной области.

Немного переместите выделенную область в сторону.

После выполнения всех манипуляций нажмите на кнопку кадрирования.

Размер кадрирования

Пусть выделенная область имеет следующий вид:

Обратите внимание на то, что в боковом меню в настройке обрезания появятся следующие числа:

Эти числа представляют собой размер выделенной сейчас области. Почему они такие большие, ведь наша область визуально гораздо меньше? Дело в том, что реальный размер нашей картинки сейчас 1366 на 768 пикселей, и получается, что в области просмотра она показывается в уменьшенном виде.

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

Первое число показывает ширину выделенной области, а второе - высоту. При желании вы можете поменять эти значения на нужные вам - и выделенная область станет равна заданной вами.

Если выделенной области еще нет - то и размер ее задать нельзя, инпуты будут не активны.

Создайте произвольную выделенную область.

Используя указанные инпуты задайте размер вашей выделенной области, равный 400 на 500 пикселей.

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

Нажмите на кнопку кадрирования.

Пропорции кадрирования

Давайте вернемся к правой менюшке и посмотрим на настройку пропорций:

Как видно на скрине, я уже вбил значения 3 и 2. Это значит, что моя выделенная область будет иметь пропорции 3 на 2, где 3 - ширина, а 2 - высота.

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

На следующем скрине вы видите выделенную область с заданной пропорцией 3 на 2:

Размер этой области можно будет менять, но ширина будет всегда больше высоты в заданной пропорции.

Сделайте выделенную область в пропорции 2 на 1. Поменяйте мышкой размеры выделенной области, убедитесь, что ширина и высота меняются только в соответствии с заданной пропорцией.

Вкладка Масштабировать

Давайте теперь рассмотрим вкладку Масштабировать:

В данной вкладке расположены два инпута:

По умолчанию в этих инпутах показаны текущие размеры картинки (первое значение ширина, а второе - высота).

Мы можем, однако, изменять значения этих инпутов, масштабируя нашу картинку. Масштабирование работает так: если поменять значение одного из инпутов (ширину или высоту), то второе значение подстроится автоматически, чтобы сохранить пропорции картинки (чтобы картинка не исказилась).

Размер картинки можно уменьшать, но не увеличивать

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

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

Другие детали

Давайте вернемся назад на параметры файла:

И нажмем теперь на следующую ссылку: