Оптимизация изображений для плагина Elementor для WordPress

Концепция модульных блоков, составляющих записи и страницы WordPress, появилась вместе с Gutenberg, но на самом деле сам WordPress имеет модульную структуру. Возьмем, к примеру, медиатеку WordPress. Вы можете загружать изображения и использовать их в записях или страницах независимо от используемого редактора. В этой статье мы сосредоточимся конкретно на Elementor и на том, как оптимизировать изображения с помощью ImageRecycle.

Подобно Gutenberg, Elementor — это редактор WordPress, который позволяет создавать записи или страницы, одновременно видя, как они будут выглядеть для ваших читателей. Структура Elementor также похожа на структуру Gutenberg, поскольку он использует уже знакомую концепцию блоков. Это делает использование медиатеки WordPress еще проще, в том числе при добавлении оптимизированных изображений. Но сначала давайте разберемся: как оптимизировать изображения в WordPress?

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

Если вы никогда не использовали ImageRecycle , оптимизация изображений в WordPress — это быстрый и простой процесс. Сначала вам нужно будет загрузить и установить ImageRecycle на свой сайт WordPress. После установки плагина перейдите в его конфигурацию в настроек и введите свой API-ключ и секретный ключ. Сохраните изменения, и если ключ и секретный ключ совпадают, вы можете сразу же начать оптимизацию изображений.

ImageRecycle можно получить из медиафайлов . Эта страница проста и довольно удобна в использовании. На ней отображаются все изображения в вашей медиатеке, их размеры и степень сжатия. Вы можете нажать «Оптимизировать» рядом с отдельными изображениями, чтобы сжать их, или кнопку «Оптимизировать все» , чтобы оптимизировать все изображения одновременно.

Многое из того, что происходит во время сжатия, зависит от ImageRecycle . Например, вы можете выбрать сжатие с наилучшим сохранением или сжатие с исходным качеством, которое может сжимать изображения до 80% и 20% соответственно. Подробнее о различиях между этими двумя режимами можно прочитать здесь .

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

Использование оптимизированных изображений в Elementor

Elementor — это мощный редактор для записей и страниц WordPress. Подобно Gutenberg, он организует контент в блоки, каждый из которых представляет собой отдельный элемент. Как известно, ни один веб-сайт не может считаться полноценным без изображений, и Elementor не испытывает недостатка в блоках изображений. Именно здесь на помощь приходит медиатека.

Мы начали статью с объяснения того, что сам WordPress довольно модульный, и именно здесь все взаимосвязано. Откуда Elementor берет изображения, если не из медиатеки? То есть из той самой медиатеки WordPress, которую вы только что оптимизировали с помощью ImageRecycle.

Использовать сжатые изображения ImageRecycleв Elementor очень просто: достаточно перетащить любой блок изображений — будь то обычное изображение, карусель, галерея или что-либо еще — и загрузить изображения. Вы выбираете изображения непосредственно из медиатеки WordPress, которая автоматически загружает сжатые изображения.

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