Как оптимизировать изображения WordPress с помощью плагина «WP Smush»

Теперь у людей продолжительность концентрации внимания как у рыбы. Мы просматриваем контент, как никогда раньше.

Один из лучших способов привлечь внимание читателей — разместить изображения в содержании.

Согласно «Правилам мозга», люди, скорее всего, вспомнят только 10% информации, которую они услышат через три дня. Но если вы добавите релевантное изображение с той же информацией, люди сохранят 65% информации через 3 дня.

Разница огромна.

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

Итак, каково идеальное решение?

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

Да, вы можете сделать это с помощью плагина оптимизатора изображений.

И лучший плагин, который поможет вам в этом, — WP Smush , который мы собираемся использовать, чтобы помочь вам оптимизировать изображения WP на вашем веб-сайте. Я упомяну другие варианты позже в посте, если вы захотите попробовать их.

Что такое WP Смуш?

WP Smush — это бесплатный оптимизатор изображений WordPress с профессиональной версией, созданный командой WPMU Dev.

Это поможет вам изменить размер, оптимизировать и сжать любое или все ваши изображения.

Он имеет щедрый неограниченный и бесплатный план, который дает вам возможность оптимизировать все ваши изображения размером до 5 МБ в неограниченное время, поэтому он имеет более 1+ миллионов активных установок и не показывает никаких признаков замедления.

Вот что вы можете сделать с этим плагином:

• Сжатие без потерь: неиспользуемые данные в изображениях удаляются без ущерба для качества изображения.
• Поддержка всех типов изображений: PNG, JPEG и GIF.
• Bulk Smush : оптимизируйте несколько изображений (до 50 изображений) одним щелчком мыши.
• Изменение размера изображения: измените размер больших изображений до максимальной ширины и высоты, чтобы получить меньший размер при сжатии.
• Directory Smush : оптимизируйте все изображения, даже если их нет в медиатеке.
• Автоматическая оптимизация . Хотите автоматически сжимать загружаемые изображения? Инструмент может сделать это за вас.
• Интеграция блоков Gutenberg : просматривайте всю статистику Smush напрямую в блоках изображений.
• Совместимость с любыми плагинами медиатеки : если вы используете другой плагин для управления своей медиатекой WP, WP Smush также может оптимизировать изображения.
• Обнаружение неправильного размера изображения : если вы не можете найти изображения, которые замедляют работу вашего сайта, WP Smush найдет их для вас и выделит.
• Встроенная отложенная загрузка : так что вы не беспокоитесь, если у вас есть много изображений для отображения.
• И более.

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

Как оптимизировать изображения с помощью WP Smush

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

№1. Установите плагин и активируйте его

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

• Перейдите в Панель управления WordPress > Плагины > Добавить новый.
• После этого найдите «WP Smush».
• Нажмите кнопку « Установить сейчас» .
• После установки кнопка изменится на Активировать. Нажмите здесь.
• Готово.

№ 2. Проверьте настройки и начните Smashing

После установки плагина перейдите на вкладку Smush.

Появится всплывающее окно быстрой настройки, которое поможет вам начать работу.

Отображается 3 настройки:

• Автоматическое сжатие : если вы включите это, плагин будет автоматически оптимизировать новые изображения. И, конечно же, мы хотим, чтобы это было включено.
• Метаданные EXIF : оставьте его включенным — вам не нужна эта информация, если у вас нет фотоблога для фотографов, которым важны такие данные.
• Отложенная загрузка : вы можете включить отложенную загрузку, чтобы снизить нагрузку на сервер и ускорить загрузку страницы.
• Данные об использовании : вам не нужно включать это.

Теперь вы быстро настроили плагин. Нажмите кнопку «Начать», чтобы удалить это всплывающее окно.

После этого нажмите на кнопку «Bulk Smush Now». Это запустит массовую оптимизацию ваших изображений, поэтому вам не нужно оптимизировать старые изображения по одному.

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

После того, как вы закончите, вы можете проверить страницу настроек, если хотите что-то отредактировать, но в основном вы этого не сделаете. И с этого момента плагин будет творить чудеса без особых усилий с вашей стороны.

После того, как вы закончите, панель инструментов покажет вам, насколько она оптимизирована, и статистику, чтобы вы знали свои цифры.

Smush Pro - Вам это нужно?

WPMU Dev известен своими высококачественными плагинами, которые в большинстве случаев являются премиальными.

Этот плагин поставляется с премиум-версией, если вы хотите выйти на новый уровень.

Вот функции, которые вы получаете с профессиональной версией:

Super Smush : экономия более чем в два раза без ущерба для качества. Он поставляется с усовершенствованным многопроходным сжатием с потерями, что еще больше увеличивает экономию, не замечая падения качества изображения.

Массовая оптимизация : если у вас уже есть старый блог с загруженными в него тысячами изображений, и вы хотите их массово разбить, вам нужна профессиональная версия. Вы можете разбить тысячи изображений одним щелчком мыши. Вот и все. А с включенным Super Smush вы заметите разницу, когда тысячи изображений оптимизируются одновременно.

На 200% быстрее время обработки : процессор Smush Pro сжимает изображения на 200% быстрее, чем бесплатная версия. Это будет иметь значение, когда вы разнесете тысячи изображений одновременно.

Изображение CDN : «Доставка 10 ГБ из 45-местоположения 65 Тбит/с Smush CDN для почти мгновенной загрузки страницы». Это означает более быструю загрузку для всех, кто открывает ваш сайт, особенно если они находятся далеко от вашего сервера.

Преобразование WebP : поддерживается для изображений на 25% меньше, чем JPEG и PNG.

Оптимизируйте изображения размером до 32 МБ: если у вас обычно большие изображения (более 5 МБ), вам нужна версия Pro, чтобы иметь возможность оптимизировать их. Не говоря уже о том, что super smush сэкономит вам еще больше места, что заметно при оптимизации больших изображений.

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

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

Вы можете узнать больше об их профессиональной версии, посетив эту страницу.

Другие плагины для оптимизации изображений

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

Вот 3 варианта, которые вы можете рассмотреть, чтобы помочь вам выбрать плагин, который поможет вам максимально оптимизировать ваши изображения, в зависимости от ваших потребностей.

1. Короткий пиксель

ShortPixel — еще один бесплатный плагин, который помогает сжимать изображения, чтобы повысить SEO-рейтинг вашего сайта, трафик и продажи.

Он имеет дополнительную функцию от WP Smush, где он также помогает оптимизировать ваши PDF-документы. Все также можно сделать одним щелчком мыши.

И не беспокойтесь о потреблении вашего процессора, поскольку он требует минимальных ресурсов. Вот некоторые особенности плагина —

• Он предлагает преобразование изображений в WebP в бесплатной версии.
• Новый алгоритм сжатия под названием Glossy JPEG Compression, разработанный для фотографов.
• Нет ограничений на размер файла. Вы также можете конвертировать изображения PNG в JPG, что идеально подходит для больших файлов PNG.
• Он интегрирован с post_image Gravity Forms, который оптимизирует изображения при загрузке.
• Не говоря уже о других интересных функциях, уже доступных в WP Smush, таких как массовая оптимизация, автоматическое изменение размера и многие другие.

Единственным ограничением является то, что вы можете оптимизировать только 100 изображений в месяц. Если вы хотите, вы можете получить дополнительные кредиты для изображений 5k всего за 4,99 доллара США.

У него уже более 100 тысяч установок, и он быстро растет.

2. Оптимизатор изображения EWWW

EWWW Image Optimizer — еще один популярный плагин для оптимизации изображений. У него более 700 тысяч активных установок.

Вот несколько причин, почему этот плагин может быть хорошим выбором для вас:

• Неограниченный размер файла; вы не ограничены 5 МБ, начиная с WP Smush.
• Операция с потерями, чтобы помочь вам получить наилучшее доступное соотношение сжатия/качества.
• Адаптивное управление: плагин может определить, какой формат изображения лучше всего подходит для выполнения работы, и преобразовать изображение в этот формат.
• Оставьте исходные изображения на 30 дней. Это может быть полезно, если вы захотите передумать после публикации страницы. WP Smush либо сохраняет его, либо удаляет напрямую, что может быть не идеально, если вы хотите его автоматизировать.

Он поставляется со многими другими замечательными функциями, такими как массовая оптимизация, оптимизация всего, поддержка других медиа-плагинов и многое другое.

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

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

3. Оптимоле

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

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

Таким образом, он обрабатывает все операции в облаке и не влияет на производительность вашего сайта. И он обрабатывает это в каждом конкретном случае, поэтому вы получаете лучшую оптимизацию для каждого посетителя. Когда изображение запрашивается, оно применяет идеальное преобразование для этого устройства и сразу же отображает изображение. Затем изображение будет кэшироваться на месяц, чтобы обеспечить более быструю доставку и более высокую скорость.

Проблема в том, что вы получаете определенную пропускную способность и размер изображения за каждый месяц. В бесплатном плане вы можете оптимизировать до 1 ГБ изображений в месяц и получаете 5 ГБ полосы пропускания для просмотра из 7 разных мест.

Самое замечательное, что бесплатный план полностью функционален, как и профессиональный план. Единственная разница заключается в емкости и в том, что изображения обслуживаются из AWS CloudFront из более чем 130 местоположений.

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

Сначала вы должны решить, хотите ли вы использовать этот механизм или другие. Очевидно, что это будет дорого в зависимости от пропускной способности, но вы можете сэкономить на цене хостинга. ;)

Вывод

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

И если вы хотите делать это автоматически, фактически не оптимизируя каждое изображение в Photoshop, вам необходимо установить плагин.

Самое приятное то, что вы можете использовать все доступные опции бесплатно. Нет ничего более щедрого, чем бесплатный навсегда план WP Smush. Вы знаете, как использовать его, чтобы начать работу, что является довольно простым процессом.

Если вы хотите рассмотреть другие варианты, проверьте остальные 3 плагина. Они также качественные, и один из них может быть именно тем, что вам нужно.

Расскажите нам ниже, какой плагин вы решили использовать, и ваш опыт работы с ним. Вы заметили разницу в скорости страницы? В рейтингах Google? Расскажите нам ниже.