EWWW Image Optimizer — это мощный инструмент, который поможет веб-мастерам и владельцам сайтов оптимизировать изображения, сделав их легкими и быстрыми для загрузки. В мире, где время загрузки страницы стало критически важным для удержания посетителей, этот плагин становится настоящей находкой. Он не только уменьшает размер файлов изображений, но и поддерживает множество форматов, что позволяет эффективно управлять медиа-контентом. В этой статье мы подробно рассмотрим функционал EWWW Image Optimizer, его установку и настройки, а также особенности интеграции с другими плагинами.
Основной функционал плагина
EWWW Image Optimizer предлагает широкий спектр возможностей, которые помогут вам сделать ваш сайт быстрее и производительнее. Основной задачей данного плагина является оптимизация изображений без потери качества. Существует несколько методов сжатия изображений, используемых в этом плагине:
- Сжатие на лету: Плагин автоматически оптимизирует загружаемые изображения по мере их загрузки на сайт.
- Оптимизация существующих изображений: Вы можете вручную запустить процесс оптимизации для всех ранее загруженных изображений.
- Поддержка множества форматов: EWWW поддерживает JPEG, PNG, GIF, PDF и даже SVG, что делает его универсальным инструментом для любого типа контента.
- Настрока качества: Вы можете задать уровень сжатия для каждого формата на свое усмотрение, сохраняя нужный баланс между качеством и размером файла.
- Легкое генерирование WebP: Плагин может автоматически создавать версии изображений в формате WebP, что обеспечивает дополнительное сокращение размера без потерь.
Таким образом, EWWW Image Optimizer становится вашим надежным союзником в битве за скорость загрузки страниц и доступность медиа-контента.
Как установить на сайте
Установка EWWW Image Optimizer — это процесс, который можно описать всего в нескольких простых шагов. Да, это не сложнее, чем завязать шнурки на ботинках. Все начинается с панели администрирования вашего сайта на WordPress.
Первым делом следуйте по пути «Плагины» > «Добавить новый». Затем в строке поиска введите «EWWW Image Optimizer». Когда перед вами появится нужный плагин, просто нажмите на кнопку «Установить». После установки, не забывайте нажать «Активировать». После этого плагин появится в вашем меню, и вы сможете приступить к его настройкам.
Настройки после установки
Теперь, когда EWWW Image Optimizer установлен и активирован, пора перейти к его настройкам. Переходите в раздел «EWWW Image Optimizer» в панели управления. Вы обнаружите множество опций, которые помогут настроить плагин под ваши потребности.
Первая закладка, на которую стоит обратить внимание, — «Общие настройки». Здесь вы можете выбрать:
- Метод оптимизации: можно выбрать автоматическую оптимизацию, оптимизацию на лету или ручной режим.
- Уровень сжатия: укажите желаемый уровень сжатия для изображений.
- Создание альтернативных форматов: активируйте генерацию WebP.
- Подключение к API: если у вас есть доступ к API EWWW, вы можете использовать облачную оптимизацию для улучшения результатов.
После внесения всех нужных изменений, не забудьте сохранить настройки. Вы также можете оптимизировать уже загруженные изображения одним кликом, выбрав «Оптимизировать изображения» на странице плагина.
Начиная с версии 7.4, EWWW IO имеет совершенно новый процесс «массовой оптимизации», доступ к которому можно получить с помощью кнопки Optimize Local Images . Плагин предложит сводку того, сколько загрузок будет оптимизировано, и как только вы запустите процесс, он будет работать в фоновом режиме. Таким образом, вы сможете вернуться к работе быстрее, не держа страницу открытой.
Если вы нажмете « Просмотр оптимизированных изображений» во время оптимизации изображений, вы сможете увидеть результаты в реальном времени, а также просмотреть изображения, которые все еще находятся в очереди. Во время массового процесса EWWW IO ищет в базе данных все изображения в библиотеке мультимедиа (этап 1). Затем плагин также выполнит поиск изображений из вашей активной темы, BuddyPress (и BuddyBoss), Meta Slider и нескольких других папок плагинов (этап 2). Он выполнит фактический поиск в файловой системе через эти предварительно настроенные папки и любые дополнительные папки, которые вы настроите в дополнительных настройках.
Устаревший (неасинхронный) режим
Вы все еще можете найти устаревший Bulk Optimizer в меню Media. Это также то место, куда вы попадете, когда будете использовать массовые действия из Media Library.
Устаревший инструмент bulk требует, чтобы вы оставили окно открытым, так как он управляется AJAX. Тем не менее, если вам нужно остановиться по какой-либо причине, Bulk Optimizer имеет возможность возобновления. Так что если он будет прерван по какой-либо причине, вы можете начать с того места, на котором остановились. Обычно он пропускает ранее оптимизированные изображения, но вы можете установить флажок для принудительной повторной оптимизации ваших изображений.
Просмотр оптимизированных изображений
Как мы видели, плагин отслеживает все оптимизированные изображения, и вы можете просмотреть каждое оптимизированное изображение прямо на странице настроек. Это позволяет вам удалять отдельные изображения из таблицы изображений, чтобы их можно было повторно оптимизировать. Здесь также можно проверить, оптимизируются ли автоматически изображения, созданные определенным плагином, что переносит нас к одной из расширенных опций.
За пределами медиабиблиотеки (папки для оптимизации и запланированная оптимизация)
В расширенных настройках (включить режим Ludicrous) EWWW IO позволяет указать папки для включения в сканирование на этапе 2. Например, если ваша тема или плагин генерирует дополнительные размеры загружаемых вами изображений и НЕ отслеживает их в базе данных библиотеки мультимедиа, вы можете добавить сюда папку wp-content/uploads/, чтобы заставить плагин выполнить низкоуровневое сканирование вашей библиотеки мультимедиа.
Некоторые плагины также хранят изображения вне библиотеки мультимедиа, как и многие плагины галерей для WordPress. Первое, что вам нужно сделать, это выяснить, отображаются ли изображения, созданные или загруженные плагином, в таблице Show Optimized Images. Если они отображаются в таблице, вы можете включить папку, которую плагин использует, в Folders to optimize, чтобы массовая оптимизация сжала ваши прошлые изображения с помощью сканера Stage 2, но вам следует удалить эту настройку после завершения первоначальной массовой оптимизации.
С другой стороны, если изображения, созданные плагином, НЕ отображаются в таблице при загрузке, вам следует оставить папку в настройках EWWW IO и включить опцию запланированной оптимизации.
Полностью интегрированные галереи и не только
EWWW IO также имеет встроенную поддержку NextGEN gallery и многих других. Изображения, загруженные в NextGEN gallery, автоматически оптимизируются, а NextGEN имеет специальную страницу Bulk Optimization.
Помимо всего этого, EWWW Image Optimizer расширяет встроенный класс WP_Image_Editor, который позволяет автоматически оптимизировать изображения, созданные любым плагином/темой, использующей встроенные функции редактирования изображений WordPress. Из-за ошибок (пере)генерации изображений в различных плагинах это не включено по умолчанию, но может быть включено с помощью переопределения EWWW_IMAGE_OPTIMIZER_ENABLE_EDITOR .
Meta Slider и плагин WP Retina 2x — вот несколько примеров, где это полезно, но есть и множество других приложений, использующих эти функции для обработки изображений, и все они могут быть автоматически оптимизированы при включении полной интеграции WP_Image_Editor.
Изменить размер изображений
Если вы не изменяете размер изображений до нужного размера перед загрузкой, это может сэкономить вам массу дискового пространства и помочь убедиться, что вы не отправляете изображения размером с постер на мобильные устройства. Рекомендуется ширина от 1920 до 2560, так как это примерно самая большая ширина, которая вам понадобится для полноэкранного отображения. Вы можете установить одно из измерений на 0, если хотите ограничить свои изображения только в одном направлении. Чтобы предотвратить изменение размера изображения, независимо от размеров, вставьте строку ‘noresize’ в имя файла перед загрузкой.
Примечание: следующие настройки доступны при включении режима Ludicrous Mode.
Обнаружение изменения размера
Эта функция — инструмент для администраторов сайта, позволяющий им находить на своем сайте изображения, которые больше, чем на 150% от размеров, отображаемых на странице. Функция видна только для пользователей-администраторов и выделяет все изображения слишком большого размера синей/бирюзовой и черной рамкой. Вы можете смело оставить ее включенной, чтобы отслеживать изображения, требующие изменения размера, и это никак не повлияет на то, что видят ваши посетители.
Изменить размер существующих изображений
Если у вас уже много изображений и вы хотите, чтобы они тоже были изменены в размере, вы можете установить следующий флажок, чтобы убедиться, что массовый оптимизатор изменит их размер. Включено по умолчанию для 6.1.6+
Изменить размер других изображений
Как вы, возможно, уже поняли, обычно плагин изменяет размер только изображений, которые загружаются в «официальную» библиотеку мультимедиа. Но что делать, если у вас есть плагин, который позволяет загружать изображения, и он не использует библиотеку мультимедиа? Таких плагинов много, некоторые плагины галерей, плагины веб-форм или плагины, связанные с BuddyPress и WP Symposium. Итак, если вы хотите, чтобы плагин уменьшал эти изображения в соответствии с указанными вами размерами, вам нужна эта опция. Теперь плагин не может подключиться к каждому загрузчику, чтобы сделать это автоматически, но вы можете использовать Bulk Optimizer или Scheduled Optimizer, чтобы отслеживать эти изображения и уменьшать их до разумных размеров. Тем не менее, другие плагины могут воспользоваться изменением размера EWWW IO, просто используя функцию ewww_image_optimizer_resize_upload( $filename ).
Отключить изменение размера
Функция, которая может помочь сэкономить время (и ресурсы), — это возможность отключить изменения размеров, созданные WordPress. Некоторые сайты имеют до 20 изменений размеров, перечисленных здесь, поэтому может быть полезно просмотреть их и решить, нужно ли их создать или оптимизировать. Вы можете отключить все предварительные просмотры PDF, отключив полноразмерное изображение предварительного просмотра, поскольку это изображение используется для построения всех меньших миниатюр.
Здесь вы можете установить уровень оптимизации по типу изображения (JPG, PNG, GIF, SVG). В бесплатной версии вы можете выбрать между «Pixel Perfect» (сжатие без потерь) или «No Compression». Чтобы разблокировать лучшее сжатие без потерь и с потерями, вам нужно будет использовать Compress API (часть премиум-предложения).
На этой вкладке вы также можете определить, где хранятся резервные копии ваших оригинальных изображений. В бесплатной версии вы можете отключить эту функцию или сохранять изображения локально. Премиум-версия позволяет хранить оригиналы в облаке Compress API.
Продвинутая вкладка
Здесь вы можете запланировать почасовые проходы оптимизации и выбрать, к каким папкам и изображениям они применяются. Вы также можете повысить резкость изображений и задать уровни качества JPG и WebP . Премиум-пользователи также могут задать уровень качества для файлов AVIF.
Изменить размер вкладка
Размеры изображений играют огромную роль в оптимизации изображений. В настройках изменения размера вы можете включать и выключать различные функции изменения размера изображений. В верхней части «Обнаружение изменения размера» позволяет вам видеть, какие изображения на вашем сайте необходимо изменить размер. Затем «Изменение размера существующих изображений» позволит вам изменять размер изображений, уже находящихся в вашей медиатеке.
Затем «Изменение размера других изображений» позволяет вам изменять размер изображений вне вашей медиатеки. Наконец, «Отключить изменение размеров» позволяет вам отключать версии изображений, созданные WordPress, темами и плагинами. Но если вы решите оставить какие-либо из этих версий изображений активными, вы также можете отключить их оптимизацию здесь.
Управление конвертацией
Здесь вы можете включить преобразование JPG в PNG, преобразование PNG в JPG и преобразование GIF в PNG. Вы также можете скрыть ссылки преобразования в библиотеке мультимедиа и выбрать удаление исходных изображений после успешных преобразований.
EWWW Image Optimizer: плюсы и минусы
В свете всех функций, которые предлагает EWWW, может быть полезно свести все к простым спискам, чтобы достичь большей ясности. Ниже мы составили два коротких списка заметных плюсов и минусов.
Плюсы
В EWWW Image Optimizer есть много того, что может понравиться. Ниже мы выделили шесть вещей, которые выделяют его среди конкурентов.
- Отлично подходит для новичков. Скрывает сложные функции, если они не нужны.
- Обеспечивает автоматическое сжатие, преобразование, масштабирование и отложенную загрузку.
- Конвертирует изображения в WebP — новый стандарт веб-изображений.
- Обеспечивает массовую оптимизацию медиафайлов в библиотеке медиафайлов и за ее пределами.
- Отличная поддержка для всех пользователей.
- Удобен для разработчиков. Предоставляет 40 простых в применении переопределений, интеграцию с WP-CLI и широкую совместимость с другими плагинами и темами.
Минусы
Несмотря на все достоинства EWWW Image Optimizer, у него есть несколько потенциальных недостатков, о которых следует знать пользователям.
- Высокая нагрузка на сервер в бесплатной версии из-за локальной оптимизации.
- Сжатие с потерями, которое уменьшает размеры файлов изображений гораздо больше, чем сжатие без потерь, доступно только в премиум-версии.
Шорткоды плагина
EWWW Image Optimizer не предлагает шорткодов для использования в контенте, так как его функционал в основном сосредоточен на автоматической и ручной оптимизации изображений в системе. Это означает, что вам не придется запоминать и вводить специальные коды для активации функций. Вместо этого, все настройки сосредоточены в интерфейсе плагина, что делает его использование интуитивно понятным.
Интеграция с другими плагинами и темами
EWWW Image Optimizer легко интегрируется с различными популярными плагинами и темами. Он хорошо работает с плагинами, такими как WooCommerce, что делает его отличным выбором для интернет-магазинов. Также плагин поддерживает работу с другими инструментами для оптимизации производительности, такими как кеширующие плагины.
Разработчики EWWW Image Optimizer внимательно следят за совместимостью с новыми обновлениями WordPress и основными плагинами, что делает его надежным выбором для пользователей.
Основные вопросы и ответы
Какова разница между оптимизацией на лету и ручной оптимизацией?
Оптимизация на лету происходит автоматически при загрузке новых изображений. Ручная оптимизация позволяет оптимизировать уже загруженные изображения по выбору пользователя.
Нужно ли мне что-то делать после установки плагина?
После установки необходимо настроить параметры оптимизации, такие как уровень сжатия и включение автоматической оптимизации для новых изображений.
Есть ли возможность отменить оптимизацию изображения?
Да, вы можете восстановить оригинальные изображения в разделе плагина, если вы захотите вернуть предыдущие версии.
Поддерживает ли плагин SVG и PDF файлы?
Да, EWWW Image Optimizer поддерживает оптимизацию SVG и PDF, что делает его универсальным инструментом для работы с различными медиа-форматами.
Могу ли я использовать плагин на мультисайтах?
Да, EWWW Image Optimizer поддерживает мультисайты, и вы можете активировать его на всех сайтах в сети.
Участники и разработчики
EWWW Image Optimizer был разработан командой, которая стремится предоставить пользователям наиболее эффективные инструменты для оптимизации изображений. Команда активно работает над обновлениями и улучшениями, чтобы плагин оставался актуальным и функциональным.
Список основных тегов для поиска плагина на сайте
#оптимизация #изображения #WordPress #медиа #производительность #сжатие #WebP
Скачать плагин
Скачать плагин можно здесь: WordPress Repository. Или на официальном сайте разработчиков.
усуществующих изображений на сайте, что может существенно улучшить скорость загрузки ваших страниц.
Однако мне было бы интересно узнать больше о том, как именно EWWW Image Optimizer справляется с различными форматами изображений. Например, как он оптимизирует изображения в формате SVG, который обладает особенностями векторной графики? Существуют ли какие-то ограничения на максимальный размер изображений, которые можно оптимизировать с помощью этого плагина?
Кроме того, по поводу интеграции с другими плагинами: как EWWW работает в связке с популярными плагинами для кеширования, такими как W3 Total Cache или WP Super Cache? Были ли проведены тесты, показывающие, как оптимизация изображений влияет на общую производительность сайта в сочетании с этими инструментами?
Также хорошо бы узнать, насколько этично использовать автоматизированные методы оптимизации изображений, если изображение уже было сжато ранее другими инструментами. Снижение качества или потери детализации могут стать проблемой для некоторых веб-мастеров. Как вы считаете, может ли это повлиять на SEO-позиции сайта?
Поделитесь, пожалуйста, примерами успешных кейсов, где использование EWWW Image Optimizer значительно повлияло на производительность ресурса. Это даст дополнительное понимание о преимуществах и возможностях плагина.