Как регенерировать миниатюры и обрезать изображения в WordPress

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

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

Вот почему иногда необходимо регенерировать миниатюры или даже обрезать изображения после изменения темы. Сделать это вручную - огромная задача, особенно для сайта с большой медиатекой. К счастью, есть плагины, которые могут вам помочь. В этом посте мы рассмотрим одну из них, Image Regenerate & Select Crop.

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

Подпишитесь на наш канал Youtube

Совет профессионала:

Для тех из вас, кто плохо знаком с WordPress, эскизы - это все дополнительные изображения, которые WordPress и ваша тема создают, когда вы загружаете изображение в медиатеку. WordPress имеет три размера по умолчанию, ваша тема может быть намного больше. Эта функция гарантирует, что ваши изображения будут хорошо выглядеть во всех модулях, независимо от макета. Что касается миниатюр в WordPress, важно помнить, что если изображение меньше установленного размера для миниатюры, оно не будет сгенерировано. Кроме того, если изображение низкого качества, все сгенерированные эскизы также будут низкого качества.

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

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

Что делает Image Regenerate & Select Crop Plugin?

Основная цель этого плагина - регенерировать миниатюры и обрезать изображения для миниатюр. Это может потребоваться после смены темы. Также, если вы хотите изменить размеры миниатюр по умолчанию или создать новый нестандартный размер изображения. Когда вы создаете новый нестандартный размер изображения, он будет применяться только к любым изображениям, которые вы загружаете после изменения. Вот где возникает необходимость в регенераторе миниатюр.

Плагин Image Regenerate & Select Crop легко вставляется в настройки вашей медиатеки. Чтобы получить к нему доступ, все, что вам нужно сделать, это открыть изображение, и над изображением появятся две кнопки. Один позволит вам увидеть детали изображения, а другой восстановит все эскизы для этого изображения одним щелчком мыши. Когда вы нажимаете на «Детали изображения», вы видите лайтбокс со всеми миниатюрами для этого изображения. Если исходное изображение было слишком маленьким для определенного эскиза, оно сообщит вам об этом. Кроме того, вы можете повторно создать конкретный эскиз из лайтбокса. Если изображение необходимо обрезать до размера миниатюры, вы можете повторно обрезать его для лучшего соответствия.

Кроме того, вы также можете повторно сгенерировать все миниатюры в медиатеке одним щелчком мыши в главном окне медиатеки.

Если вы хотите начать работу с плагином Image Regenerate & Select Crop, следуйте инструкциям ниже.

Как использовать плагин Image Regenerate & Select Crop

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

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

В режиме эскизов

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

В окне редактирования мультимедиа действия плагина отображаются в виде двух синих кнопок над изображением. Один говорит «детали изображения», а другой - «регенерировать». Отсюда вы можете восстановить все эскизы для этого изображения одним щелчком мыши. Когда вы щелкаете вкладку «Редактировать изображение» для изменения размера с помощью элементов управления WordPress, две синие кнопки также находятся в этом окне.

В режиме списка

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

Лайтбоксы "Сведения об изображении и параметры"

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

Когда исходное изображение не имело нужного размера для создания миниатюры, это также отображается. Если обрезка эскиза не оптимальна, вы можете изменить обрезку, переместив синюю точку в другую область изображения для лучшего кадрирования. На скриншоте ниже вы можете увидеть, как наше квадратное изображение обрезается на горизонтальную миниатюру и вертикальную миниатюру.

Расширенные настройки плагина

Помимо настроек, доступных в медиа-библиотеке, внутри самого плагина есть также некоторые практические расширенные настройки. Доступ к ним находится на вкладке настроек плагина Image Regenerate & Select Crop. Внутри расширенных настроек вы можете установить заполнитель и глобальные настройки, помимо упомянутых выше. Это может помочь внести подробные изменения в способ работы изображений на вашем сайте.

Заключение

В этом посте мы рассмотрели плагин Image Regenerate & Select Crop для WordPress. Как видите, это довольно удобно для регенерации эскизов после создания нестандартных размеров изображений или изменения тем. Со всеми доступными инструментами внутри плагина вы можете позаботиться обо всех изображениях на своем сайте, даже для адаптивных размеров.

Вы использовали этот плагин для восстановления миниатюр и обрезки изображений на WordPress? Расскажите нам свои мысли в комментариях.

Лучшее изображение через ivandivandelen / shutterstock.com