Пакетное редактирование фотографий для WordPress

В данной статье мы познакомимся с инструментами для ускорения процесса обработки фотографий для WordPress- сайта.

Подготовка изображений

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

Lightroom Classic

Для фотографий, сделанных цифровой фотокамерой, нет лучшего инструмента для пакетной обработки, чем программа Lightroom Classic. Она поставляется вместе с облачной подпиской Adobe Creative Cloud.

У программы Lightroom есть два преимущества, по сравнению с Photoshop:

  • Lightroom создан для работы с изображениями именно в пакетном режиме. В то время как Photoshop предназначен для редактирования отдельных файлов.
  • Lightroom представляет собой инструмент неразрушающего редактирования. Приложение создает временную шкалу правок. Поэтому можно легко отменить совершенные действия, вернувшись к предыдущему отрезку времени.

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

Пакетное кадрирование изображений в Lightroom

Чтобы осуществить пакетное кадрирование фотографий в Lightroom, заходим в «Библиотеку» (Library) и выбираем изображение. Для выбора еще одного или нескольких изображений нажимаем Shift и кликаем по необходимым фото.

Затем открываем модуль «Быстрая обработка» (Quick Develop), раздел «Сохраненные наборы» (Saved Preset). После чего используем параметр «Пропорция кадрирования» (Crop Ratio).

Пакетное кадрирование изображений в Lightroom

Изменяем формат 4×3 до квадратного и обратно без внесения изменений в исходные изображения

Выбираем из выпадающего меню нужное значение, используя параметр «Пользовательские настройки» (Custom).

По умолчанию, Lightroom центрует изображения. Но при этом распознает вертикальную и горизонтальную ориентацию рисунка. Если вы выбираете формат 5×7, то вертикальные изображения будут в пропорции 5×7, а горизонтальные – 7×5.

Пакетное масштабирование изображений в Lightroom

Когда изображения имеют нужный формат, можно провести их масштабирование. Для этого необходимо выбрать изображения. Затем идем в меню Файл > Экспортировать (File > Export).

Пакетное масштабирование изображений в Lightroom

Можно выбрать функцию экспортирования с помощью правого клика мышкой.

Далее выбираем, куда мы хотим экспортировать изображение и при необходимости переименовываем его. Тут нас больше всего интересует параметр «Изменение размера в соответствии» (Image Sizing). Выбираем «Ширину и Высоту» (Width & Height) из выпадающего меню и вводим нужные размеры.

Пакетное масштабирование изображений в Lightroom - 2

Для сохранения настроек экспортирования, кликните по кнопке «Добавить» (Add).

Перед тем, как нажмем кнопку «Экспортировать», кликаем на кнопке «Добавить», для сохранения нового шаблона.

Пакетное масштабирование в Photoshop

Lightroom не поддерживает файлы формата PNG. Поэтому для пакетного редактирования скриншотов  будем использовать Adobe Photoshop.

Пакетное масштабирование изображений в Photoshop

Переходим в меню   «Файл» - «Сценарии» - «Обработчик изображений» (File > Scripts > Image Processor)

Далее выполняем следующие действия в диалоговом окне.

  1. Выбираем место, в котором располагаются необходимые изображения.
  2. Папку для сохранения обработанных файлов.
  3. Выбираем тип файла и масштабирование.
  4. Выполняем «Операции» (Actions).
Пакетное масштабирование изображений в Photoshop

Выбираем параметр «Изменить размер» (Resize to Fit) и вводим размеры для конвертации изображений

В меню «Тип файла» (File Type) выбираем пункт «Сохранить как JPEG» (Save as JPEG). Затем ставим флажок в «Изменить размер» (Resize to Fit). После этого вы сможете ввести размеры изображений.

Также можно осуществлять пакетное сжатие изображений, выставляя значения в меню «Качество» (Quality).

При нажатии кнопки «Выполнить» (Run) все изображения в выбранной папке будут масштабированы в соответствии с новыми размерами.

Пакетное масштабирование изображений в Photoshop с помощью операций

Операции в Photoshop – это способ сохранить последовательность шагов редактирования, чтобы в дальнейшем применить их к другому изображению. Для этого нужно нажать на кнопку записи и Photoshop будет запоминать все действия. Затем их можно будет автоматически применить к другому изображению.

Чтобы изменить размер файлов формата PNG, можно создать операцию и использовать ее вместо опции «Сохранить как JPEG». Это намного быстрее.

Как создать «Операцию» в Photoshop

Для открытия панели «Операции» (Actions) перейдите в меню «Окно» > «Операции» (Windows > Actions). Затем создаем новый набор, кликнув по иконке папки. Присваиваем имя новому набору и кликаем по кнопке «ОК».

Как создать «Операцию» в Photoshop

Создание нового набора.

Затем создаем новую «операцию» (Actions), присвоив ей имя. Для этого кликаем по квадратной иконке, расположенной рядом с иконкой папки. При нажатии кнопки записи Photoshop начнет фиксировать ваши действия.

Как создать «Операцию» в Photoshop - 2

Можно записывать даже сложные действия.

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

Используйте кнопку «Стоп» для остановки записи, кнопку «Запись» для добавления новых шагов и кнопку «Play» для применения операций к изображению.

Все шаги можно посмотреть во вкладе «Операции».

Изменим размер изображения и затем сохраним его

Теперь можно открыть изображение, выбрать необходимую операцию и нажать кнопку Play. А также добавить новое действие к обработчику изображений.

Управление изображениями в WordPress

Как только изображение будет загружено в WordPress, потребуется другой набор инструментов для управления ими.

Пакетное масштабирование изображений в WordPress

WordPress умеет автоматически масштабировать изображения при загрузке.

Пакетное масштабирование изображений в WordPress

Размеры изображений, используемые в WordPress по умолчанию.

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

Плагины для управления изображениями в WordPress

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

Плагин NextGEN Gallery

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

Оптимизация изображений с помощью плагина Smush

У плагина Smush есть множество функций для пакетной обработки изображений и множество сопутствующих средств. Например, отложенная загрузка всех изображений.

Плагин также позволяет выполнять пакетное сжатие 50 изображений. Оно происходит на нашем сервере, не снижая при этом производительность вашего сайта.

Плагин Enhanced Media Library

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

Плагин Regenerating Thumbnails

Одним из самых важных шагов при изменении размеров по умолчанию в WordPress является повторное создание миниатюр. С этим легко справится плагин Regenerate Thumbnails. Он конвертирует существующие изображения под новые размеры, указанные в настройках Media.

Плагин Regenerating Thumbnails

После установки плагин можно найти в разделе «Инструменты» (Tools)

Плагин Enable Media Replace

Плагин Enable Media Replace  позволит легко поменять изображения на сайте без необходимости удалять, переименовывать и заново загружать файлы.

Вот и все о пакетном редактировании изображений в WordPress

Обновляете ли вы свой сайт, переключаетесь на новую тему оформления или обновляете все изображения для Retina, управление графическим контентом в WordPress не должно приводить вас в ужас. Для этого просто необходимы правильные инструменты.

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