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

Оглавление (нажмите, чтобы открыть):

13 плагинов WordPress для ускорения загрузки сайта: как ускорить сайт на WP

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

Поисковики любят быструю загрузку

Поисковые системы тоже поощряют ускорение загрузки. В Яндексе говорят о том, что более 40% выходят в сеть с 3G-интернетом, так что тяжелые страницы будут загружаться очень медленно. Проблема долгого ответа сервера считается критичной: если среднее время ответа всех страниц дольше трех секунд, вы увидите предупреждение в Яндекс.Вебмастере

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

Многие владельцы сайтов и SEO-специалисты жаловались на значительную просадку позиций после обновления алгоритма. Сервисы мониторинга позиции не показывали каких-либо значительных изменений:

График изменений по десктопной и мобильной выдаче

Но сайты, которые действительно долго загружались, просели в выдаче. Интересно, что по анализу Барри Шварца, владельца портала Seroundtable, апдейт больше всего навредил сайтам о здоровье:

Результаты анализа Барри Шварца

Пострадали 42% официальных ресурсов медучреждений, частных сайтов о здоровье и фитнесе, ЗОЖ. Причина такого смещения результатов неизвестна, точнее, нет официального ответа, зато есть версии, о которых мы рассказывали в статье «Как продвигать сайты в медицинской тематике».

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

От чего зависит скорость загрузки сайта

Скорость загрузки сайта зависит от нескольких факторов, каждый из них можно ускорить по мере возможностей.

Серверные параметры, хостинг

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

Скорость ответа сервера, верстка, оптимизация CSS и JS влияет на время загрузки основной части сайта.

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

По словам Джона Мюллера, Google определяет скорость сайта по общей картине, а не по промежуточным этапам. Быстрой загрузки первого байта (TTFB) недостаточно, это не показатель хорошего пользовательского опыта. Важно общее время загрузки и рендеринга, поэтому стоит работать над всеми доступными параметрами.

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

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

Почитать по теме:
«Как ускорить загрузку: оптимизируем код верхней части страницы»: асинхронная загрузка, jQuery, минификация и объединение кода, кэширование и другие способы.

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

Для этого в корневой директории нужно найти файл wp-config.php, в котором найти строку

И заменить ее на такой код:

Вес страницы сайта

От веса HTML-страниц тоже зависит скорость загрузки — тяжелые страницы со сложной функциональностью и тяжелыми медиафайлами будут загружаться долго. Чтобы страница стала легче, можно настроить HTML-элементы с помощью CSS, использовать сжатие медиафайлов, настроить кэширование, минифицировать код страницы.

Об этом в подробностях в статье «Как уменьшить вес сайта и ускорить загрузку страниц»: gzip, brotli, минификация и другие способы.

Редиректы

Редиректы замедляют скорость — сервер устанавливает соединение с одной страницей, получает ответ о перенаправлении и переходит на другую. Если на сайте много 301 редиректов, проверьте по источникам трафика, может, в некоторых случаях стоит заменить ссылку с редиректом на конечную страницу.

Редиректы с HTTP на HTTPS тоже могут тормозить процесс, в этом случае поможет технология HSTS (HTTP Strict Transport Security) — тогда браузер автоматически сделает внутренние редиректы, сразу сделает запрос на HTTPS и перенаправит пользователей на безопасное соединение. Для этого нужно подключить функцию HSTS в личном кабинете хостинга или прописать заголовок HTTP Strict Transport Security. Но советуем сначала протестировать функцию, чтобы убедиться, что все страницы доступны.

Плагины для ускорения загрузки сайта на WordPress

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

Optimize Database

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

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

Фрагмент работы с плагином

Совместим вплоть до 5.2.3 версии WordPress, нужна версия PHP 5.0 или выше.

WP-Optimize

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

  • удаление резервных копий, спам-комментариев, пингбэков, трекбэков;
  • массовое сжатие изображений в формате PNG, JPG, GIF, BMP и TIF;
  • кэширование: специфический кэш для устройств, предварительная загрузка кэша, расширенные правила исключения для файлов;
  • gzip-сжатие HTML, JavaScript и CSS;
  • настройка автоматических очисток по расписанию.

Ускорение с помощью плагина Пример интерфейса

Работает бесплатно, есть премиум-версия с дополнительными возможностями. Совместим с версиями WordPress от 3.8.

WP Fastest Cache

Плагин создает статические html-файлы с сайта на WordPress и сохраняет их, то есть кэширует страницы.

  • кэширование страниц в браузере для более быстрой загрузки у пользователей, посещавших сайт ранее;
  • gzip-сжатие;
  • оптимизация кода;
  • уменьшение размера файлов css.

Данные работы плагина

Плагин совместим с HTTPS, поддерживает SSL, CDN, Cloudflare. Не работает с режимом Multisite. Совместим с версиями WordPress от 3.3

PageSpeed Ninja

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

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

PageSpeed Ninja предлагает действия по ускорению загрузки

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

Совместим с версиями WordPress от 4.0.1 и выше.

PageSpeed Module

Плагин открывает дополнительные настройки страниц для ускорения загрузки, если на сайте используется веб-сервера с открытым исходным кодом Apache или Nginx.

  • очистка кэша от модулей;
  • включение режим разработчика для обхода кэширования PageSpeed.

Окно настройки плагина

Для работы нужно, чтобы был установлен веб-сервер Apache или Nginx. Плагин совместим с версиями WordPress от 4.4.

Jetpack

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

  • отложенная загрузка изображений для ускорения работы на мобильных устройствах;
  • темы для оформления;
  • поддержка статистики и аналитики;
  • автоматический постинг в соцсети с планированием публикаций;
  • статистика и аналитика сайта
  • Elasticsearch — поиск похожего контента на сайтах;
  • фильтрация спама;
  • ежедневное резервирование;
  • поддержка системы оплаты;
  • двухфакторная аутентификация для входа на сайт;
  • и другие возможности для безопасной работы на сайте и маркетинга.

Некоторые возможности платные, цена зависит от количества подключенных дополнений. Есть бесплатный минимальный тариф.

Загрузка изображений на сайт через плагин

Совместим с версиями WordPress от 5.1, версия PHP от 5.6.

All in One SEO Pack

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

  • поддержка Google AMP для ускорения загрузки мобильных страниц;
  • уведомление Google об изменениях на сайте;
  • автоматическая оптимизация заголовков и генерация метатегов;
  • поддержка Google Analytics;
  • встроенный API, который позволяет дорабатывать плагины под себя;
  • и другая функциональность для SEO.

SEO-меню плагина с модулями

Совместимость с PHP от 5.2.4 версии. Совместим с WordPress от 4.7 версии.

WP Total cache

Плагин справляется с кэшированием HTML-страниц, объединением стилей и скриптов, браузерным кэшированием.

  • тестирование настроек сервера, чтобы подобрать настройки плагина для комфортной работы;
  • импорт настроек, если работаете с несколькими проектами;
  • кэширование страниц и объектов;
  • сжатие CSS и JavaScript;
  • отслеживание работы плагина.

Интерфейс плагина

Нужна версия WordPress 3.2 или выше.

WP Super Cache

Плагин для кэширования HTML-страниц. Не оптимизирует JS/CSS, но с этим справляется следующий плагин из подборки.

  • простое включение и отключение кэширования;
  • настройка сроков и страниц для кэширования;
  • настройка кэширования для мобильной версии;
  • поддержка CDN;
  • сбор статистики по страницам.

Варианты настройки кэширования

Совместим с версиями WordPress от 3.1, минимальное требование — версия PHP 5.2.4 или выше.

Autoptimize

Плагин работает с кодом, скриптами и стилями страницы, ускоряя загрузку. Хорошо справляется в тандеме с предыдущим плагином.

  • оптимизация JavaScript и CSS;
  • исправление кода, блокирующего отображение верха страницы.
  • кэширование и объединение скриптов и стилей;
  • работа с заголовками;
  • перемещение скриптов в нижний колонтитул;
  • упрощение HTML.

Настройки плагина

Совместим с версиями WordPress от 4.0 и выше, версиями PHP от 5.3 и выше.

AMP for WordPress

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

  • преобразование страниц в вид AMP, тогда к URL каждой страницы добавится /amp/;
  • отображение сайта как «Native AMP», тогда у каждого адреса будет только одна AMP-версия URL;
  • обновление кэша по расписанию.

Пример страницы с шаблоном AMP

Поддерживает CDN. Совместим с версиями WordPress от 4.9, PHP от 5.4.

Yandex.News Feed by Teplitsa

Плагин упрощает интеграцию сайта с Яндекс.Новостями, включая поддержку турбо.

  • трансляция контента для Яндекс.Новостей;
  • поддержка режима Турбо Страниц.
  • настройка категорий, которые попадут в трансляцию;
  • и другие настройки RSS-ленты для Яндекс.Новостей.

Настройка Турбо-страниц

Совместим с версиями WordPress от 3.9.

Smush Image Compression and Optimization

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

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

Автоматическое изменение размера

Совместим с версиями WordPress от 4.6, PHP от 5.3 и выше.

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

Ускоряем WordPress оптимизацией изображений ����

Всем привет! В этой статье я хочу рассказать о способах оптимизации изображений для движка WordPress.

Я как и большинство начинал свою карьеру не обращая внимание на скорость загрузки сайта. Но когда проверил свой блог через Google Page Speed был неприятно удивлен его скоростью работы.

Сразу несколько пунктов ссылались на плохую оптимизацию изображений. Google говорит:

  • Настройте эффективную кодировку изображений
  • Используйте современные форматы изображений

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

В этом мире слишком мало времени, чтобы трать его на ожидание.

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

Начнем по порядку.

Какие форматы изображений стоит использовать?

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

Долгое время я использовал JPG, PNG и SVG в своих проектах. Но они первые 2 уже устарели. А SVG нет смысла использовать для растовых изображений.

Немного поискав — я нашел замену в виде нового и очень оптимизированного для интернета WebP. Его разработала компания Google и активно развивает данный формат.

WebP позволяет значительно уменьшить размер изображения, при этом он поддерживает прозрачность.

Для примера я взял 2 одинаковых изображения одно сохранил в WebP а второе в Jpeg.

Конечно Jpeg тоже хорош при должной оптимизации, есть множество сервисов и плагинов для этого. Я jpeg использую для не поддерживаемых WebP браузеров.

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

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

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

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

Сохранение оптимизированных изображений из Photoshop

Если у вас нет Фотошопа, то тогда пропустите этот пункт. ? Ниже для вас более интересный сервис. ?

Большую часть изображений я создаю именно в фотошопе. Поэтому всегда использую встроенный в него инструмент для оптимизации изображений.

Главное его преимущество в том, что вы сразу видите конечны результат еще до сохранения.

Чтобы сделать экспорт в оптимизированном формате вам нужно нажать на кнопку Файл > Экспортировать > Сохранить для Web или Alt+Shift+Ctrl+S. Данная функция есть на всех версия фотошопа.

После выполнения этих действий у вас откроется окно с предварительным просмотром и настройками.

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

Скорость загрузки так же можно отследить в этом окне. Там же можно проверить на разных скоростях интернета.

Сервис для оптимизации изображений tinyjpg.

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

В некоторых случаях использовать tinyjpg проще чем Photosop. Потому что, он поддерживает одновременную загрузку до 20 изображений. И лишь незначительно уступает первому в весе картинки.

Я сравнил оба файла и у меня получилось получить одинаковое качество. При этом adobe photoshop сжал лучше.

Выбор за вами, а у меня для вас еще есть парочка плагинов. ?

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

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

Оптимизация картинок
Robin image optimizer

В прошлых статьях я писал про лучшие плагины для WordPress и там я указывал плагин Webcraftic Clearfy. Для этого плагина есть аддон Robin image optimizer. Для оптимизации обычных изображений я предпочитаю использовать его.

Управление оптимизацией происходит через Clearfy, там есть статистика и текущий прогресс.

В настройках все просто.

Буквально в пару кликов, вы можете запустить работу оптимизатора. Я им перестал уже пользоваться, так как провел оптимизацию всех старых картинок в статьях.

Плагин для включения поддержки WebP — WebP Express

В этом плагине я нашел все необходимое для внедрения WebP в WordPress. У него есть ряд преимуществ из-за которых я использую именно его.

  • Можно использовать бесплатно
  • Определяет поддержку WebP браузером. Если браузер не поддерживает его, то отображает обычную версию изображения.
  • Настраиваемая система сжатия. Вы можете задать максимальное сжатие самостоятельно.
  • Не портит оригинальные изображения.
  • Работает быстро и заменяет картинки во всех местах на сайте.

Как настроить плагин WebP Express

В блоке General есть поле «Image types to work on» в нем включаем работу с PNG и JPG изображениями. Для этого выберите в выпадающем меню Both jpeg and pngs.

Мастер Йода рекомендует:  12 библиотек для работы с данными в Python

Для меня — это обязательное поле. Я загружал в блог изображения именно в этих форматах, таким образом плагин будет работать со всеми картинками моего блога.

Если у вас нет PNG, то можно выбрать пункт только PNG.

В блоке «Redirection rules» ставим галочки напротив двух пунктов. Тем самым мы включаем редирект для изображений.

В блоке Conversion выбираем Quality Auto и в поле Max quality выберите необходимый уровень сжатия. Я установил 50. Но стоит понимать, что не все изображения можно сжать до такого значения, поэтому они будут сжаты максимально, но не более 50.

Conversion method я выбрал GT extension. Напротив Conversion method я не стал ставить галочку, так как возникли проблемы с гутенбергом при написании статьи. Лучше всего вручную потом прогнать.

Чтобы запустить конвертацию нужно нажать кнопку Bulk convert.

После успешной конвертации изображений в новый формат нужно включить замену картинок на новые. Для этого есть блок Alter HTML. В нем я включил «Replace image URLs» для замены ссылок изображений. И «Only do the replacements in webp enabled browsers» этот пункт включает WebP только в браузерах которые поддерживают его, в остальных будет прежний формат.

В пункте «Where to replace»я выбрал «The complete page (using output buffering)» чтобы создавать ссылки WebP на всех страницах.

Заключение

В этой статье я рассказал вам как оптимизировать изображения для сайта на WordPres. Сейчас у меня строит WebP Express и я им очень доволен. Google Page Speed засчитал мои старания и дал 2 галочки за изображения.

Оптимизация изображений — лучшие WordPress плагины

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

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

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

EWWW Image Optimizer

EWWW Image Optimizer – это WordPress-плагин, который автоматически оптимизирует ваши изображения прямо во время их загрузки. Он также оптимизирует и ранее загруженные изображения.

Функции:

  • Уменьшает размер картинок, благодаря чему страницы загружаются быстрее. Кроме того вам проще выполнять бэкапы, и вы можете сохранить больше дискового пространства.
  • Возможность оптимизировать сотни изображений за несколько минут, хотя оптимизация PNG-файлов занимает больше времени;
  • Благодаря интеграции с TinyJPG достигается лучшая JPG-оптимизация;
  • Возможность совместного использования pngout, opting и pngquant для лучшей PNG-оптимизации. Плюс присутствует опция lossy PNG от TinyPNG;
  • Возможность оптимизировать все, что угодно с помощью расширения класса wp_image_editor;
  • Возможность выбрать любую вашу папку для сканирования, чтоб найти фото для оптимизации;

Ваши изображения останутся такими же качественными, так как по умолчанию EWWW Image Optimizer использует техники оптимизации без потерь. Единственное исключение из этого правила – это GIF-файлы, так как даже после оптимизации без потерь, вы не сможете отредактировать анимацию, не применив gifsicle-операцию, которую невозможно оптимизировать;

  • Конвертация без потерь файлов gif2png и jpg2png;
  • Конвертация png2jpg проходит с потерями;
  • Оптимизация JPG и PNG с потерями использует сложные алгоритмы, чтоб минимизировать перцепционную потерю качества;
  • jpegtran, TinyJPG, JPEGmini, optipng, pngout, pngquant, TinyPNG и gifsicle – это инструменты, которые используются для оптимизации;

Существует версия EWWW Image Optimizer Cloud, которая используется для «Облака» и более компактна.

WP Smush

WP Smush – это плагин, который поможет уменьшить вес картинок, улучшить производительность сайта и его SEO показатели, используя бесплатный WPMU DEV WordPress Smush API. WP Smush сканирует и оптимизирует загружаемые или уже загруженные изображения, отсекая все лишние данные.

Функции, доступные и в платной, и бесплатной версии:

  • Оптимизация изображений с использованием продвинутых техник компрессии без потерь;
  • Работает с форматами JPEG, GIF и PNG;
  • Уменьшает вес загружаемых картинок автоматически;
  • Вручную уменьшайте вес индивидуальных изображений в медиа библиотеке, или обрабатывайте изображения группами по 50 прикреплений;
  • Уменьшает картинки, которые весят 1MB или меньше;
  • Использует быстрый и надежный Smush API от WPMU DEV;
  • Просмотр продвинутых статусов сжатия для каждого прикрепления в отдельности или всей библиотеки в целом.

Функции WP Smush Pro:

  • Умная многошаговая компрессия с потерями. Сжатие с потерями примерно в два раза превосходит сжатие без потерь, а качество при этом практически не страдает;
  • Еще более впечатляющая компрессия без потерь;
  • Уменьшает картинки, которые весят 32MB или меньше;
  • Возможность сжать все картинки в один клик без лимитов;
  • Возможность создавать бэкапы ваших изображений до их сжатия;

Optimus — WordPress Image Optimizer

Плагин автоматически оптимизирует и сжимает изображения прямо во время их загрузки и без потери качества.

Как работает плагин?

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

Файлы возможно сжать таким образом, что они потеряют до 70% своего веса, в зависимости от картинки и ее формата.

Доступны три разные версии Optimus:

  • Optimus — бесплатная базовая версия плагина, сжимающая файлы, которые весят менее 100kb.
  • Optimus HQ – это премиальная версия с расширенной функциональностью для личных проектов.
  • Optimus HQ PRO — это премиальное профессиональное решение для сайтов ваших клиентов.

Особенности:

  • Миниатюры изображений также подвергаются процессу оптимизации;
  • Качество изображений, полученных в результате сжатие, никогда не страдает;
  • Сохранение данных об авторе, EXIF и копирайтов.

Media File Renamer

The Media File Renamer – это WordPress-плагин, который переименовывает ваши медиа-файлы для того, чтоб выстроить систему файлов и улучшить SEO.

Если файл переименован, то обновляется и все то, что с ним связано (записи, страницы, пользовательские типы и их метаданные). В новой колонке медиа-менеджере появляется новое идеальное название файла и кнопка для его переименования. Есть возможность разблокировать автоматическое переименование. Также присутствует маленькая панелька File Renamer in Media, которая позволяет переименовать все файлы сразу.

  • Плагин прекрасно работает с WP Retina 2x, WPML и многими другими;
  • Совместим с Windows, Linux, BSD и OSX системами.

Pro-версия. Некоторые функции:

  • Ручное переименование;
  • Переименование, согласованное с прикрепленной к записи информации;
  • Журнал SQL-запросов.

Предупреждение! Так как процесс переименования – не безопасен, то сначала рекомендуется переименовать парочку заголовков на пробу.

Imsanity

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

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

Функции:

  • Плагин автоматически пересматривает размеры крупных изображений, конвертируя их в более подходящие;
  • Imsanity уменьшает вес уже загруженных изображений;
  • Позволяет настроить максимальную ширину/высоту и качество jpg-файлов;
  • Опционально конвертирует BMP-файлы в JPG-файлы для дальнейшей оптимизации;
  • Плагин работает, не требуя каких-либо действий со стороны пользователя;
  • Встроенные функции для изменения размеров изображений для пользователей

�� Оптимизация изображений на сайте ��

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

Что значит оптимизировать изображения на сайте?

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

Преимущества оптимизации изображений

Зачем оптимизировать изображения на сайте? Существует множество преимуществ оптимизации изображений для повышения производительности. По данным HTTP Archive , по состоянию на декабрь 2020 года изображения составляют в среднем 54% от общего веса веб-страницы . Поэтому, когда дело доходит до оптимизации сайта на WordPress , изображения — это первое, с чего следует начинать. Это важнее, чем оптимизация скриптов и шрифтов. К тому же, процесс оптимизации изображений является одним из самых простым для реализации, но многие владельцы веб-сайтов игнорируют его.

Основные преимущества оптимизации изображений на сайте:

  • Это улучшит скорость загрузки страницы. Если ваша страница загружается слишком долго, посетители могут устать от ожидания и закрыть сайт. Для получения дополнительной информации об оптимизации времени загрузки страницы смотрите подробное руководство по оптимизации скорости сайта.
  • В сочетании с плагинами SEO для WordPress это улучшает SEO сайта на WordPress. Ваш сайт будет выше в результатах поиска. Большие файлы замедляют работу сайта, особенно на мобильных устройствах, а поисковые системы пессимизируют медленные сайты. Google также может сканировать и индексировать ваши изображения быстрее для поиска изображений в Google. Вы знаете, какой процент трафика вашего сайта приходится на поиск картинок Google? Вы можете использовать Google Analytics для проверки трафика поиска картинок Google.
  • Более быстрое создание резервных копий и восстановление из них.
  • Меньшие размеры файлов изображений используют меньше трафика. Особенно актуально для мобильных браузеров.
  • Требует меньше места на сервере (это зависит от того, сколько миниатюр вы оптимизируете)

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

Основная цель оптимизации изображений — найти баланс между размером файла и приемлемым качеством . Существует несколько способов выполнить все эти оптимизации. Один из самых популярных способов — просто сжимать изображения перед загрузкой в ​​WordPress. Это можно сделать с помощью таких инструментов, как Adobe Photoshop или Affinity Photo. Некоторые из этих задач также могут быть выполнены с помощью плагинов, о которых мы поговорим ниже.

Две основные вещи, которые следует учитывать, — это формат файла и тип используемого сжатия . Выбрав правильное сочетание формата файла и типа сжатия, можно уменьшить размер изображения в 5 раз. Вам придется поэкспериментировать с каждым изображением или форматом файла, чтобы увидеть, что работает лучше всего.

Выберите правильный формат файла

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

  • PNG — изображения более высокого качества, но также имеет больший размер файла. Был создан как формат изображения без потерь, хотя он также может быть с потерями.
  • JPEG — использует оптимизацию с потерями и без потерь . Вы можете отрегулировать уровень качества для хорошего баланса качества и размера файла.
  • GIF — использует только 256 цветов. Лучший выбор для анимированных изображений. Используется только сжатие без потерь.
  • WebP — новый формат изображений для интернета. Хорошо оптимизирует изображения, но поддерживается не всеми браузерами. Как использовать WebP в WordPress.

Качество vs Размер файла

Вот пример сильного сжатия изображения. Первая картинка использует очень низкую степень сжатия, что приводит к высочайшему качеству (но большому размеру файла). Во втором случае используется очень высокая степень сжатия, что приводит к очень низкому качеству изображения (но меньшему размеру файла). Исходное изображение без изменений весит 2,06 МБ.

Низкое сжатие (высокое качество) JPG — 590 КБ Высокое сжатие (низкое качество) JPG — 68 КБ

Как вы можете видеть, первое изображение весит 590 КБ. Это довольно много для одной фотографии. Как правило, лучше всего, если общий размер веб-страницы не превышает 1 или 2 МБ. 590 КБ будет уже четвертью объема всей страницы. Второе изображение явно выглядит ужасно, но оно и весит всего 68 КБ. Важно найти правильное соотношение между степенью сжатия (качеством) и размером файла.

Поэтому возьмем изображение со средней степенью сжатия, и, как вы можете видеть ниже, качество теперь выглядит хорошо, а размер файла составляет 151 КБ, что является приемлемым для фотографии с высоким разрешением. Это почти в 4 раза меньше, чем оригинальная фотография с низким уровнем сжатия. Обычно более простые изображения, такие как PNG, должны иметь размер менее 100 КБ или меньше для лучшей производительности.

Среднее сжатие (отличное качество) JPG — 151 КБ

Сжатие с потерями или без потерь

Также важно понимать, что можно использовать два типа сжатия: с потерями и без потерь.

Сжатие с потерями — это процесс, который удаляет некоторые данные. Это ухудшит изображение, поэтому вам нужно быть внимательным с тем, насколько сильно уменьшать изображение. Размер файла может быть уменьшен на значительную величину. Вы можете использовать такие инструменты, как Adobe Photoshop, Affinity Photo или другие редакторы изображений, чтобы настроить параметры качества изображения. Пример, который мы использовали выше, использует сжатие с потерями.

Сжатие без потерь — это процесс, который сжимает данные. Он не снижает качество, но потребует распаковки изображений перед тем, как их можно будет отобразить. Вы можете выполнить сжатие без потерь на рабочем столе, используя такие инструменты, как Photoshop, FileOptimizer или ImageOptim.

Лучше всего поэкспериментировать с методами сжатия, чтобы увидеть, что лучше всего подходит для каждого изображения или формата. Многие инструменты имеют опцию сохранения изображение для Интернета (Save for web). Это опция присутствует во многих графических редакторах, она дает выбрать настройки качества для оптимального сжатия. Вы несколько потеряете в качестве, поэтому экспериментируйте, чтобы найти наилучший баланс, сохранив приемлемое качество изображения.

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

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

Сжатие фотографии в Affinity Photo

Вот некоторые дополнительные инструменты и программы для работы с изображениями:

  • Adobe Photoshop
  • Gimp
  • Paint.NET
  • GIFsicle
  • JPEGtran
  • JPEG Mini
  • OptiPNG
  • pngquant
  • FileOptimizer
  • ImageOptim
  • Trimage
  • ImageResize.org

Изменение изображения до нужного размера

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

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

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

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

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

Однако важно, чтобы вы не рассчитывали только на плагины. Например, не стоит загружать изображения размером более 2 МБ в медиатеку WordPress. Это может привести к очень быстрому использованию свободного дискового пространства на хостинге. Лучший способ — изменить размер изображения в инструменте для редактирования фотографий, а затем загрузить его и использовать один из следующих плагинов, чтобы еще больше уменьшить его.

Imagify Image Optimizer

Imagify создан той же командой, которая разработала плагин WP Rocket, с которой большинство из вас, вероятно, знакомы. Этот плагин совместим с WooCommerce, NextGen Gallery и WP Retina. Он имеет функцию массовой оптимизации, и есть выбор между тремя различными уровнями сжатия: нормальный, агрессивный и ультра. Плагин имеет функцию восстановления, поэтому, если вы недовольны качеством, вы можете одним кликом откатиться до оригинального файла и повторно сжать до уровня, который лучше соответствует вашим потребностям. Есть бесплатная и премиум версия. Бесплатная ограничена квотой в 25 МБ изображений в месяц.

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

ShortPixel Image Optimizer

ShortPixel Image Optimizer — это бесплатный плагин, который позволяет сжимать до 100 изображений в месяц и работает с файлами различных типов, включая файлы PNG, JPG, GIF, WebP и даже PDF. Он выполняет сжатие изображений как с потерями, так и без потерь. Может преобразовать CMYK в RGB. Он загружает ваши изображения и миниатюры в облако для обработки, а затем возвращает их на ваш сайт, чтобы заменить оригиналы. Он создает резервную копию исходных файлов, поэтому вы можете вручную восстановить их, если хотите. Он может конвертировать файлы галереи одним потоком. Не имеет ограничений на размер файла.

Optimus Image Optimizer

Optimus WordPress Image Optimizer использует сжатие без потерь для оптимизации изображений. Он поддерживает WooCoomerce и мультисайты и имеет хорошую функцию массовой оптимизации для тех, у кого уже есть большие медиа-библиотеки. Он также совместим с плагином WP Retina WordPress. Есть бесплатная и премиум версия. В премиум-версии вы платите один раз в год и можете сжимать неограниченное количество изображений. Если объединить его с плагином Cache Enabler, вы также сможете использовать формат WebP, которые представляют собой новый облегченный формат изображений от Google.

Мастер Йода рекомендует:  11 примеров использование команд cURL в режиме реального времени

WP Smush

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

  • Совместим с некоторыми из самых популярных плагинов медиа-библиотеки, такими как WP All Import и WPML.
  • Вся оптимизация изображения выполняется с использованием методов сжатия без потерь, что обеспечивает высокое качество изображения.
  • Не имеет значения, в каком каталоге хранятся изображения. Smush находит их и сжимает.
  • Smush имеет возможность автоматически устанавливать ширину и высоту для всех изображений, поэтому все изображения будут изменены в одинаковых пропорциях.

TinyPNG

TinyPNG использует сервисы TinyJPG и TinyPNG (бесплатная учетная запись позволяет сжимать около 100 изображений в месяц) для оптимизации изображений JPG и PNG. Плагин автоматически сжимает новые изображения и массово оптимизирует существующие. Может преобразовывать CMYK в RBG для экономии места. Сжимает изображения JPEG до 60% и изображения PNG до 80% без видимой потери качества. Нет ограничений на размер файла.

ImageRecycle

ImageRecyle — плагин автоматической оптимизации изображений и документов PDF. Этот плагин ориентирован не только на сжатие изображений, но и на PDF-файлы. Очень удобная функция — возможность установить минимальный размер файла для сжатия. Например, если у вас есть изображения размером 80 КБ, вы можете автоматически исключить их из сжатия. Это гарантирует, что картинки и файлы никогда не будут сжаты слишком сильно. Плагин также включает возможность массовой оптимизации и автоматическое изменение размера изображения. Примечание: есть бесплатная 15-дневная пробная версия, но сам плагин платный, и изображения загружаются и сжимаются с использованием серверов разработчиков плагина. Вы платите не за месяц, а за общее количество сжатых изображений, тарифные планы начинаются с 10 долларов за 10 000 картинок.

Оптимизация изображений на примерах

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

Несжатые JPG

Сначала мы загрузили на наш тестовый сайт 6 несжатых файлов JPG размером более 1 МБ. Затем мы провели 5 тестов через Pingdom и взяли среднее значение. Как видно из теста скорости, общее время загрузки составило 1,55 секунды, а общий размер страницы — 14,7 МБ.

Сжатые JPG

Затем мы сжимали JPG с помощью плагина Imagify WordPress, используя «агрессивную настройку». Затем мы провели 5 тестов через Pingdom и взяли среднее значение. Как видно из приведенного ниже теста скорости , общее время загрузки было сокращено до 476 мс, а общий размер страницы уменьшен до 2,9 МБ. Общее время загрузки уменьшилось на 54,88%, а размер страницы уменьшился на 80,27% .

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

Оптимизируя ваши изображения с помощью инструмента для редактирования фотографий или плагина WordPress, вы также можете исправить предупреждение «Оптимизировать изображения», которое вы получаете в Google PageSpeed ​​Insights.

Если у вас есть другие предупреждения об оптимизации из инструментов тестирования скорости, обязательно ознакомьтесь с нашим руководством по Google PageSpeed ​​Insights и пошаговым руководством Pingdom.

Использование SVG

Другая рекомендация — использовать SVG вместе с другими изображениями. SVG — это масштабируемый векторный формат, который отлично подходит для логотипов, иконок, текста и простых изображений. Вот несколько причин:

  • SVG автоматически масштабируются как в браузерах, так и в инструментах редактирования фотографий.
  • Google индексирует SVG так же, как и PNG и JPG, поэтому вам не нужно беспокоиться о SEO.
  • SVG традиционно (не всегда) меньше по размеру файла, чем PNG или JPG. Это может привести к ускорению загрузки.

Сравним три разных типа изображений:

JPG (оптимизированный размер: 81,4 КБ)

PNG (оптимизированный размер: 85,1 КБ)

SVG (оптимизированный размер: 6,1 КБ)

Как вы можете видеть выше, SVG имеет меньший размера файла на 92,51% по сравнению с JPG. А по сравнению с PNG — 92,83%. Ознакомьтесь с нашим руководством по использованию SVG на сайте WordPress.

Лучшие практики оптимизации изображений на сайте

Приведем некоторые общие рекомендации по оптимизации изображений для сайтов:

  • Если вы используете плагин WordPress, используйте тот, который сжимает и оптимизирует изображения на своих серверах. Это, в свою очередь, снижает нагрузку на ваш собственный сайт.
  • По возможности используйте векторные изображения вместе с PNG и JPG
  • Используйте CDN для быстрой доставки ваших изображений посетителям по всему миру
  • Удаляйте ненужные данные изображения
  • Обрезайте белые поля изображения, добавить их можно через CSS
  • Максимально используйте эффекты CSS3
  • Сохраняйте изображения в нужных размерах
  • Используйте веб-шрифты вместо размещения текста внутри изображений — они выглядят лучше при масштабировании и занимают меньше места
  • Используйте растровые изображения только для сцен с большим количеством форм и деталей
  • Уменьшайте битовую глубину до меньшей цветовой палитры
  • Используйте сжатие с потерями, где это возможно
  • Экспериментируйте, чтобы найти лучшие настройки для каждого формата
  • Используйте GIF, если вам нужна анимация (но сжимайте анимированные GIF-файлы )
  • Используйте PNG, если вам нужна высокая детализация и высокое разрешение
  • Используйте JPG для общих фотографий и скриншотов
  • Удалите все ненужные метаданные изображения
  • Максимально автоматизируйте процесс обработки изображений
  • В некоторых случаях вам может потребоваться отложенная загрузка изображений для более быстрой визуализации первой страницы.
  • Сохраняйте изображения как «оптимизированные для Интернета» в таких инструментах, как Photoshop

Плагин оптимизации изображений для WordPress – Robin image

До сих пор я использовала плагин оптимизации изображений для WordPress — Smush. И рекомендовала его всем своим клиентам и подписчикам. Но с некоторых пор он стал платным и в бесплатном варианте создатели его очень минимизировали.

Поэтому решила найти современный, функциональный плагин, что бы заменить Smush. И совершенно случайно (хотя ничего случайного в этом мире не бывает), работая с бесплатной версией Clearfy, познакомилась с плагином Robin image. И мне он очень понравился.

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

Результаты работы плагина

    Установка и настройка плагинаУстановка плагина стандартная. Сам плагин есть в библиотеке WordPress. Поэтому просто вводите в строку поиска правильное его название — Webcraftic Robin image optimizer. И загружаете на свой сайт плагин оптимизации

» data-medium-file=»https://i2.wp.com/altacademic.ru/wp-content/uploads/2020/09/plagin-optimizatsii.png?fit=300%2C147&ssl=1″ data-large-file=»https://i2.wp.com/altacademic.ru/wp-content/uploads/2020/09/plagin-optimizatsii.png?fit=1024%2C501&ssl=1″ />
Настройки плагинаСам плагин найдете в опции консоли блога — Настройки. Когда откроете его, то увидите всего две вкладки: Основные и Основные настройки.Вкладка основные покажет вам информацию об оптимизации вашего сайта на момент установки плагина. Вы увидите, что оптимизация еще не была проведена — все по «нолям». И предупреждение, что изображения не должны превышать 5 мб. оптимизация изображений1

» data-medium-file=»https://i1.wp.com/altacademic.ru/wp-content/uploads/2020/09/optimizatsiya-izobrazheniy5.png?fit=300%2C256&ssl=1″ data-large-file=»https://i1.wp.com/altacademic.ru/wp-content/uploads/2020/09/optimizatsiya-izobrazheniy5.png?fit=374%2C319&ssl=1″ />Внимательно прочитайте — и примите к сведению при настройке. Смело используйте опции помеченные зелеными метками. Серые метки просят об осторожности. Красные — могут навредить. Поэтому, прежде чем включать какую-либо настройку, подведите курсор к знаку вопроса и внимательно прочитайте информацию.

Приступаем к основным настройкам.

Журнал ошибок — важно, что бы понимать, что происходит на сайте. Кстати, эта вкладка появится только после сохранения настроенных опций

Режим сжатия — оставила нормальный.

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

Оптимизация
Оптимизация по расписанию

Не забудьте сохранить настройки. Вот и все. Плагин настроен, теперь осталось только наблюдать за его работой. И приготовьтесь к тому, что при загрузке изображений, время немного увеличится. Конечно, если будет установлена автоматическая оптимизация при загрузке.
При загрузке теперь появится дополнительная информация. Выглядеть она будет вот так.
Можно даже «пережать» изображение в среднем режиме или высоком.

В общем, плагином я довольна. Я пользуюсь платной версией Clearfy, в состав которой разработчики не включили этот плагин. Поэтому установила его на сайт дополнительно.

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

Ну что же, удачной Вам работы! Будут вопросы или пожелания, пишите в комментариях. Если информация была для Вас полезной — делитесь ей со своими друзьями в социальных сетях

Imagify – плагин wordpress для оптимизации изображений

Приветствую. Вчера я опубликовал статью, в которой рассказывал про плагин wordpress на русском языке, основаная задача которого заключается в кэшировании HTML, CSS и JS файлов. Ознакомиться со статьей вы можете по этой ссылке: WP Rocket – плагин для кэширования. Разработчики настоятельно предлагают воспользоваться Imagify – плагин wordpress для оптимизации изображений, вот о нём сегодня и пойдет речь.

Imagify – плагин wordpress для оптимизации изображений

После того, как вы скачайте плагин по ссылке в конце статьи. Установите и активируете его на своём сайте вы увидите вот такую информацию.

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

Регистрация на сервисе Imagify

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

На почту пришло письмо со ссылкой на активацию возможностей сервиса.

После чего я перешел в личный кабинет сервиса. Ни чего особо интересного он из себя не представляет, разве что сообщает о том, что мой тарифный план бесплатен и вмешает 50Mb для оптимизации изображений.

Кроме того, у меня появилась возможность получить API-ключ для отладки работы плагина wordpress imagify:

Я вернулся в настройки плагина и ввел ключ API:

Пользователю предлагается 3 варианта оптимизации изображений:

Естественно, протестировал работу всех 3-х. Скачал несколько картинок с Яндекса (старался брать средние и большие размеры), чтобы протестировать работу плагина wordpress imagify:

На этой странице можно задать дополнительные параметры:

На этот момент времени, изображения я ещё не загрузил, но сервис оптимизации изображений уже намекает мне на то, чтобы я приобрел дополнительный объем пространства для оптимизации изображений:

Ну вот, я и оптимизировал несколько изображений:

На этом скриншоте, как вы видите, показано количество изображений, которые были оптимизированы за счёт сервиса и плагина imagify:

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

Открываем библиотеку медиафайлов wordpress, выбираем изображение и смотрим, как оно изменилось:

Было: 441,73 KB.

Стало: 271,28 KB.

Уменьшение размера на лицо!

А теперь, для сравнения, давайте откроем программу PhotoShop и проведем оптимизацию изображения уже в нем:

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

Было: 441,73 KB.

Стало: 246,4 KB.

Теперь у меня вопрос: На кой черт мне сдался сервис и Imagify – плагин wordpress для оптимизации изображений, который работает хуже, чем PhotoShop и более того предлагает совершенно не мыслимые тарифные планы по работе с теми, кто захочет воспользоваться их услугами?

Если хотите, можете скачать плагин wordpress на русском языке, но пользоваться я бы советовал все-таки графическими редакторами:

6 Вордпресс плагинов для оптимизации изображений

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

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

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

В частности, я познакомлю вас с 6 WordPress плагинами по оптимизации изображений. Готовы? Тогда начинаем!

ShortPixel Image Optimizer

ShortPixel является отличным плагином по оптимизации изображений. Более того, кроме своей основной функции он имеет несколько дополнительных. Например, с помощью него можно увеличивать и уменьшать размер изображений, а также удалять EXIF данные. Последнее, кстати очень полезно при использовании картинок, взятых с поисковых систем (google картинки).

Данный плагин имеет более 20 тыс. скачиваний и рейтинг в 4.5 звезд. Поддерживается возможность оптимизации всех форматов изображений: JPEG, PNG, GIF а также PDF файлов.

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

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

После активации плагина необходимо получить API ключ. Для этого придется зарегистрироваться, перейдя по ссылке Sign Up в окошке с напоминанием.

Процесс регистрации довольно прост: указываете адрес электронной почты, получаете API ключ, указываете его перейдя в Настройки -> ShortPixel. Для вас будет доступна оптимизация 500 изображений и плюс 100 единиц каждый месяц. При необходимости можно приобрести премиум подписку за $4.99 с квотой на оптимизацию 5 тыс. изображений.

Стоит отметить, что ShortPixel совместим с такими плагинами как WPML и WooCommerce. Также все оптимизированные картинки будут иметь бэкапы. Таким образом, вы можете в любой момент восстановить изображение до прежнего состояния.

EWWW Image Optimizer

Image Optimizer является одним из самых популярных плагинов в своем роде. Он имеет более 300 тыс. скачиваний и рейтинг в 4.5 звезд. После установки плагина каждое загруженное изображение в формате JPEG, PNG и GIF будет оптимизировано. Также вы можете оптимизировать уже существующие картинки своего блога.

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

После распаковки и активации плагина также потребуется установка некоторых файлов на вашем сервере. Для этого нужно нажать на Settings Page после успешной активации плагина.

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

WP Smush

Wp Smush также является одним из самых популярных плагинов по оптимизации изображений. Он имеет более 400 тыс. скачиваний и рейтинг в 4.5 звезд.

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

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

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

Kraken Image Optimizer

При помощи Kraken Image Optimizer вы можете сжимать изображения форматов JPEG, PNG и GIF. Для использования плагина, после его активации необходимо открыть аккаунт на их сайте для получения API ключа. Кстати, его можно использовать на нескольких сайтах одновременно. То есть, этот плагин не требует отдельной лицензии для каждого сайта.

Kraken Image Optimizer имеет более 10 тыс. скачиваний и рейтинг в 5 звезд. Оптимизация изображений происходит согласно встроенному профилю с минимальной потерей качества. В то же время, вы можете самостоятельно установить уровень качества картинок при их оптимизации. Это можно сделать в настройках плагина.

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

Compress JPEG & PNG images

Compress JPEG & PNG images славится своим радикальным сжатием изображений, по причине чего некоторые картинки могут заметно потерять в качестве.

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

Тем не менее, Compress JPEG & PNG images неплохо справляется со своей работой, и результаты оптимизации довольно нелохи. Также плагин поддерживает возможность сжатия уже существующих в медиатеке файлов.

Optimus

Optimus — еще один отличный плагин с одним единственным недостатком: каждое оптимизируемое изображение должно «весить» не более 100 кб. Это ограничение связано с бесплатной версией программы.

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

Стоит помнить, что данный плагин не показывает результат «до» и «после». Таким образом, вы можете не заметить каких-нибудь изменений в его работе. Также из плюсов Optimus — это оптимизация всех миниатюр изображений.

Какой плагин выбрать

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

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

  • Kraken Image Optimizer
  • Compress JPEG & PNG
  • EWWW Image Optimizer

Если вашей основной задачей является оптимизация изображений без всяких примочек — выбирайте Compress JPEG & PNG . Возможно, он будет лучшим вариантом для вас.

В случае если для вас важно наличие дополнительных опций, хорошим вариантом будет Kraken Image Optimizer.

Также хочется особо отметить ShortPixel Optimizer. Помимо отличных показателей сжатия изображений, он также обладает отличным, интуитивно понятным интерфейсом.

В заключение

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

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

Мастер Йода рекомендует:  Гильдия продюсеров России рады закрытию torrents.ru

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

Оптимизация и защита изображений на сайтах с CMS WordPress

Рассмотрим три группы плагинов, которые могут быть полезны для оптимизации и защиты изображений на сайте, реализованном на базе CMS WordPress:

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

1. Для сжатия изображений используем плагины:

WP Smush Image Compression and Optimization

Плагин используется для оптимизации картинок и представлен в бесплатной и Pro-версии. В большинстве случаев бесплатной версии вполне достаточно, в ней доступны следующие функции:

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

Рисунок 1. Быстрая установка плагина WP Smush Image Compression and Optimization

Рисунок 2. Быстрая установка плагина WP Smush Image Compression and Optimization (продолжение)

Рисунок 3. Статистика WP Smush Image Compression and Optimization

Рисунок 4. Настройки WP Smush Image Compression and Optimization (экран 1)

Рисунок 5. Настройки WP Smush Image Compression and Optimization (экран 2)

Рисунок 6. WP Smush Image Compression and Optimization – оптимизация папки

Рисунок 7. WP Smush Image Compression and Optimization – выбор папки с изображениями (помимо uploads)

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

Рисунок 8. WP Smush Image Compression and Optimization – пример оптимизированной картинки

Compress JPEG & PNG images

Этот плагин позволяет бесплатно оптимизировать до 500 изображений в месяц. Всё, что свыше, – платно. Расценки вы можете увидеть в админке и на сайте разработчика.

Стоит отметить, это не 500 уникальных изображений, а примерно 100, потому что дополнительные размеры одного изображения также входят во free-версию. В целом этого хватает, если вы публикуете статьи раз в неделю и у вас в среднем по 25 картинок в каждой.

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

Вам нужно указать email (рис. 9), на который придёт ссылка подтверждения и входа в личный кабинет на сайте разработчика (рис. 10).

После того как вы получите ключ, укажите его в админке в настройках плагина и сохраните. Если всё верно, в настройках вы увидите подтверждение (рис. 11).

Рисунок 11. Настройки плагина сжатия изображений

Стоит отметить, что в настройках на скриншоте выше мы видим 8 вариантов размеров, на которые обрезается каждая картинка, загруженная на сайт. Это особенности темы. Мы используем все 8 размеров редко, поэтому я бы порекомендовала отметить в настройках только 2–3 реально используемых размера изображений.

Также можно уменьшить размер оригинального изображения, как предложено, до 2048px на 2048px.

Далее, в меню «Медиафайлы» находим новый пункт Bulk Optimization и запускаем оптимизацию наших картинок (рис. 12).

Рисунок 12. Запуск оптимизации с помощью плагина оптимизации изображений от TinyPNG

На момент установки плагина у нас 650 изображений, поэтому придётся убрать часть размеров или заплатить $1,36. Удобно, что мы сразу видим стоимость в админке и можем решать – экономить или заплатить.

Далее, когда процесс оптимизации запущен, можем наблюдать, сколько сэкономили места и насколько наши страницы (в целом) стали легче (рис. 13).

Рисунок 13. Процесс и статистика оптимизации

Под общей статистикой мы можем увидеть, насколько сжата каждая картинка (рис. 14).

Рисунок 14. Процент сжатия каждого изображения

Рисунок 15. Статистика и инструменты сжатия изображений в списке медиафайлов

В колонке Compress Images мы можем отследить, какие изображения уже сжаты и насколько, а в меню «Действия» можно выборочно сжать одно или несколько изображений.

2. Для «ленивой» загрузки – lazy load

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

A3 Lazy Load

При включении плагина все функции активированы, а именно:

  • «ленивая» загрузка изображений всех типов контента на сайте (в виджетах, записях и т. д.);
  • «ленивая» загрузка видео и фреймов;
  • вывод скриптов плагина в футере;
  • выбор эффекта загрузки (постепенное появление или лоадер (рис. 22) и фонового цвета блока, куда подгружается картинка;
  • плагин можно выводить или не выводить на мобильных версиях сайта (если используются плагины-шаблоны мобильной версии WPtouch или MobilePress);
  • можно задать «точку отсчёта», при прокрутке к которой будет активироваться «ленивая» загрузка.

Рисунок 16. Настройки плагина A3 Lazy Load

Рисунок 17. Выбираем, к каким типам изображений применить A3 Lazy Load

Рисунок 18. Настройка A3 Lazy Load для фреймов и видео

Рисунок 19. Настройка A3 Lazy Load для фреймов и видео, плагинов-шаблонов для мобильных устройств и эффекта при подгрузке картинки

Рисунок 20. Настройка начала подгрузки изображения (в пикселях)

Рисунок 21. Работа плагина на сайте

BJ Lazy Load

Принцип работы плагина аналогичный A3 Lazy Load. Доступны следующие настройки:

  • можно выбрать, к каким типам изображений применять ленивую загрузку (в записях, текстовых виджетах, к миниатюрам, граватарам – см. рис. 22);
  • постзагрузка изображений;
  • постзагрузка фреймов iframe;
  • возможность указать ссылку на свой графический плейсхолдер (тут и далее см. рис. 23);
  • можно исключить изображения, использующие определённое значение >Рисунок 22

Рисунок 24. Плагин добавляет изображениям классы, по которым скрипт lazy load (классы lazy, lazy-loaded) определяет, к каким именно картинкам нужно применить этот метод загрузки

При просмотре страницы мы так же, как и при использовании A3 Lazy Load, сначала видим спиннер, а затем картинки.

3. Для защиты от копирования

Для защиты от копирования изображений используются так называемые «водяные знаки».
Рассмотрим два плагина, очень похожих по принципу работы: Easy Watermark и Image Watermark.

Easy Watermark

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

Рисунок 25. Инструменты плагина

С помощью этого плагина можно массово нанести изображение и/или текст на все картинки/фото на сайте, а также восстановить оригинальные изображения.

Рисунок 26. Общие настройки плагина

Среди общих настроек плагина есть следующие:

  • автоматическое добавление водяного знака на изображение при загрузке;
  • выбор типа изображений, на которые будут наноситься водяные знаки;
  • возможность создать резервные копии изображений;
  • выбор размера изображений, на которые нужно наносить водяной знак;
  • выбор типа водяного знака (текст, изображение, текст и изображение);
  • есть возможность ограничить права использования плагина на сайте для определённых групп пользователей;
  • можно выбрать тип записей, изображения в которых будут отмечены водяным знаком.

Рисунок 27. Общие настройки плагина (продолжение)

Рисунок 28. Установка прав по группам пользователей

Рисунок 29. Общие настройки плагина – выбор типа записей, на вложения которых будет нанесён водяной знак

Рисунок 30. Настройки изображения водяного знака

Рисунок 31. Настройки изображения водяного знака (продолжение)

Доступны следующие настройки изображения:

  • выбор и загрузка изображения водяного знака;
  • выбор местоположения водяного знака на картинке;
  • возможность настроить прозрачность;
  • установка качества, масштаба и смещения водяного знака.

Рисунок 32. Настройки текста водяного знака

Рисунок 33. Настройки текста водяного знака (продолжение)

Также можно задать текст в качестве водяного знака и указать следующие параметры:

  • выбор местоположения водяного знака на картинке;
  • возможность настроить прозрачность;
  • можно установить размер шрифта и прозрачность.

В результате мы получим примерно такое изображение с водяными знаками:

Рисунок 34. Пример изображения с водяными знаками

Image Watermark

Рассмотрим настройки плагина (рисунки 35–38). С его помощью можно:

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

Несмотря на то, что этот плагин не использует в качестве водяного знака текст, у него есть другое очень полезное свойство – защита через копирование по правому клику (рис. 38).

Рисунок 35. Настройки плагина Image Watermark

Рисунок 36. Настройки расположения водяного знака Image Watermark

Рисунок 37. Выбор и настройка изображения водяного знака

Рисунок 38. Дополнительные настройки защиты изображения

6 лучших плагинов оптимизации изображений для WordPress

Существует множество факторов, которые могут повлиять на время загрузки страниц вашего сайта, и одним из них является использование изображений с высоким разрешением. Большинство из нас испытало, каково это, при низкой скорости интернета, перемещаться по веб-сайту, наполненному большими изображениями и сложной графикой. Таким образом, если все это не оптимизировать — посетителю приходится долго ждать загрузки, тратить свое время и ограниченный трафик. А как следствие, он попросту может уйти от вас. И это ещё не все, от скорости загрузки вашего сайта, зависит его рейтинг в поисковой выдаче, так как одним из критериев SEO оптимизации, является скорость работы.

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

1. EWWW Image Optimizer

После установки и настройки EWWW Image Optimizer автоматически оптимизирует любые изображения, которые вы загружаете на свой блог. А также, если у вас уже есть много изображений на вашем сайте, этот плагин включает функцию оптимизации всего медиа-каталога.

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

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

2. Smush Image Compression and Optimization

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

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

По умолчанию плагин использует методы оптимизации без потерь, но его pro-версия включает в себя опцию Super-Smush, которая несколько раз оптимизирует каждое изображение с использованием методов сжатия с потерями. Этот метод может якобы уменьшить файлы почти наполовину с минимальной потерей качества.

3. Kraken.io Image Optimizer

Kraken.io Image Optimizer позволяет оптимизировать PNG, JPG и GIF файлы через собственный API. Чтобы настроить плагин, вам нужно зарегистрироваться для бесплатной учетной записи на домашней странице Kraken.io. Получить там API с секретными ключами (которые могут быть использованы при нескольких установках WordPress, если это необходимо).

По умолчанию Kraken оптимизирует ваши изображения, используя профиль сжатия, который призван обеспечить значительную экономию, не оказывая заметного влияния на качество изображения. Также у вас будет возможность установить определенное значение качества ваших изображений в формате JPG, которое колеблется от 25 до 99.

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

4. ShortPixel Image Optimizer

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

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

Еще он умеет оптимизировать все миниатюры изображений, созданные WordPress во время процесса загрузки, способен удалять EXIF-данные (или сохранять их, на ваш выбор), может устанавливать максимальное разрешение для ваших изображений. И, что самое главное, он автоматически сохраняет резервную копию каждого изображение, которое вы загружаете в новую папку.

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

5. Compress JPEG & PNG images

Плагин Compress JPEG & PNG images работает с JPG и PNG форматами изображений, но, хотим заметить, что изображения оптимизированные им, являются более резкими, чем другими плагинами, о которых мы упоминали в этом списке. В нем используются только методы сжатия с потерями, которые приводят к резкому сокращению размеров файлов, но в основном эта обработка сильно не ухудшает качество изображений.

После загрузки изображения на сайт Вордпресс, оно загружается в службу TinyJPG или TinyPNG. Там проходит анализ для применения наилучшей оптимизации и, на основе содержимого, выбирается оптимальная степень сжатия. Результат отправляется обратно на ваш сайт и заменяет исходное изображение на обработанное. В среднем формат JPEG сжимаются на 40-60%, а PNG — на 50-80% без видимых потерь качества.

6. Optimus

Бесплатная версия этого плагина допускает довольно маленький размер файлов для обработки, до 100 КБ на изображение, что, по сути, делает его всего лишь демоверсией платного решения. Но, если у вас небольшие объемы графики, Optimus является хорошим вариантом для оптимизации, так как имеет простое меню настроек и высокую производительность.

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

5 лучших плагинов для оптимизации изображений для WordPress

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

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

EWWW Image Optimizer

Optimizer Ewww Image обещает оптимизировать все изображения на вашем сайте, применяя методы сжатия с потерями , чтобы резко уменьшить размеры изображения для JPEG, PNG и GIF форматов.

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

Если вы предпочитаете не оптимизировать изображения на своем собственном сервере, EWWW Image Optimizer Cloud — это вариант, который вы можете попробовать.

WP Smush

WP Smush, более 700 000 активных установок, является лидирующим вариантом для оптимизации изображений на веб-сайте WordPress и доступен как в бесплатных, так и в премиум-моделях.

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

Вы можете оптимизировать изображения, посетив медиа-библиотеку и выбрав изображения, которые вы хотите сжать. После этого нажмите кнопку «Smush», чтобы начать процесс оптимизации. Опция массового удаления также существует для сжатия нескольких изображений одновременно, но это ограничено до пятидесяти файлов за один раз в бесплатном плане.

Стоит отметить, что в отличие от других премиальных плагинов, где вы платите единовременную плату за обновление, WP Smush Pro требует от вас подписки на членство в WPMU Dev с платой 49 долларов в месяц.

Kraken.io Image Optimizer

Kraken.io Image Optimizer — один из наиболее эффективных вариантов сжатия изображений и изменения их размера с помощью надежного API-интерфейса Kraken.io. Это платный вариант, но он предоставляет бесплатный план, где вы можете проверить его характеристики и надежность.

Kraken.io поддерживает оптимизацию как без потерь, так и с потерями для всех распространенных форматов изображений, включая JPEG, PNG и GIF. Плагин позволяет оптимизировать изображения по отдельности или все сразу, используя функцию «Krak ’em all». Все вновь загруженные изображения также оптимизируются на лету.

Этот плагин имеет несколько настраиваемых параметров, в том числе возможность сохранять определенные метаданные EXIF, а также возможность ограничивать оптимизацию изображений во время массового процесса, чтобы избежать превышения лимитов запросов. Цены начинаются от 5 долларов в месяц за 500 МБ изображений до 79 долларов в месяц за колоссальные 60 ГБ.

Compress JPEG & PNG Images

Compress JPEG & PNG Images обеспечивает быстрый способ оптимизации изображений на вашем сайте WordPress с помощью таких служб, как TinyJPG и TinyPNG. Чтобы настроить плагин, вам нужно зарегистрировать бесплатную учетную запись TinyPNG и зарегистрировать ключ API.

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

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

Imagify

Imagify — еще один высоко оцененный вариант сжатия изображений на вашем сайте WordPress. Его бесплатная опция позволяет оптимизировать до 25 МБ изображений каждый месяц, но вы можете получить до 1 ГБ, подписавшись на премиум-план, начиная с $ 4,99 / месяц. Различные режимы сжатия доступны в зависимости от ваших потребностей, и вы можете создавать резервные копии исходных изображений, чтобы вы могли легко восстановить изображения в исходную версию, если не удовлетворены результатами процесса оптимизации.

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

Добавить комментарий