Categories

Новые шаблоны

WordPress. Как изменить размер изображений и обрезать их в Библиотеке медиафайлов

Sandra Kim Октябрь 16, 2015
Rating: 4.0/5. From 4 votes.
Please wait...

Из этого туториала Вы узнаете, как изменить размер (resize) изображений и обрезать (crop) их в Библиотеке Медиафайлов (Media Library) в WordPress.

WordPress. Как изменить размер изображений и обрезать их в Библиотеке медиафайлов

  1. Войдите в вашу админ панель WordPress и перейдите на вкладку Медиафайлы -> Библиотека (Media -> Library):

    Navigate_to_Media_Library

  2. Выберите картинку, над которой Вы будете работать, и нажмите на неё.

  3. Нажмите на кнопку Редактировать изображение (Edit Image) под картинкой:

    Click_Edit_Image_button

  4. Для того чтобы изменить размер (resize) изображения, найдите раздел Масштабировать (Scale Image) в верхней правой части сайта.

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

  5. Измените ширину или высоту (первое и второе поле соответственно) на желаемый размер и Вы увидите, что значения других полей изменятся соответственно и пропорционально.

  6. Закончив редактирование, нажмите на кнопку Масштабировать (Scale):

    Change_dimensions_and_click_Scale_button

  7. Обновите и проверьте ваш сайт, для того чтобы увидеть изменения.

    Вы можете убедиться, верны ли размеры изображения, используя инструмент разработчика, например Firebug (для Mozilla Firefox):

    Check_dimensions_in_Firebug

  8. Для того чтобы обрезать (crop) ваше изображение, нажмите на него и перетяните мышкой, для того чтобы выбрать часть изображения, которую Вы хотите использовать.

  9. Выбрав нужную часть изображения, Вы увидите, что размеры отображены в разделе Выбранное (Selection) в разделе Обрезка (Image Crop). Если Вы хотите, Вы можете также ввести размеры изображения вручную, или Вы можете пропустить этот шаг.

  10. Если Вы хотели бы обрезать изображение в соответствии с определенной пропорцией, Вы должны ввести значения (например, 1: 1 (квадрат), 4: 3, 16: 9, и т. д.) в поля Соотношение (aspect ratio)(в противном случае, Вы можете пропустить этот шаг). Удерживая кнопку Shift на клавиатуре и перетащите один из краев области вашего выбора, для того чтобы увеличить или уменьшить размер области обрезки. Если вы уже выделили нужную область, указанное соотношение автоматически изменит окно, чтобы соответствовать заданной пропорции.

  11. Когда Вы закончили с обрезкой изображения, нажмите на кнопку Обрезать (Crop) над картинкой и Вы увидите новое изображение:

    Crop_and_adjust_selection_click_Crop_button

  12. Если Вам не нравится то, как Вы обрезали изображение, Вы можете нажать на кнопки Вернуть изменения (Revert) или Повторно обрезать (Redo), для того чтобы вернуть или вновь применить последние внесённые изменения и вновь начать обрезку изображения:

    Revert_and_Redo_buttons

  13. Укажите, для каких из вариантов изображения (миниатюра, все размеры, и т. д.) текущего изображения Вы хотели бы применить изменения, выбрав один из доступных вариантов в разделе Настройки миниатюры (Thumbnail Settings).

  14. Нажмите на кнопку Сохранить (Save), для того чтобы сохранить обрезанное изображение:

    Select_image_sizes_and_click_Save_button

  15. Обновите ваш сайт и проверьте внесённые изменения.

  16. Более того, если Вы не довольны внесёнными изменениями, Вы можете всегда восcтановить изначальное изображение (restore original image), нажатием на кнопку Восcтановить изображение (Restore image) в разделе Масштабировать (Scale Image):

    Restore_original_image

Теперь Вы знаете, как изменить размеры (resize) изображения и обрезать (crop) его в Библиотеке медиафайлов (Media Library) в WordPress.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

WordPress. Как изменить размер изображений и обрезать их в Библиотеке медиафайлов

Темы для Вордпресс
Эта запись была размещена в WordPress туториалы и помечена как crop, image, library, media, resize, WordPress. Добавьте в закладки постоянную ссылку.

Submit a ticket

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