Сжатие изображений WordPress автоматически

Просмотров: 3 858

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

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

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

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

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

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

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

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

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

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

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

OptiPic - автоматическое сжатие изображений без потери качества

Сервис OptiPic
Сервис OptiPic для сжатия изображений

Автоматизировать в WordPress уменьшение/сжатие изображений можно с помощью плагина от сервиса OpticPic:

- Простое подключение OptiPic к сайту - занимает буквально 2 минуты;
- Сервис работает на полном автопилоте - постоянно мониторится появление новых (еще не сжатых) изображений;
- Работа с OptiPic безопасна - перед оптимизацией каждого изображения автоматически создается исходная копия;
- Есть функция уменьшения размера изображений (resize);
- Есть партнерская программа, по которой можно зарабатывать до 40% от привлеченных клиентов;
- Сервис поддерживает не только сайты на WordPress, но и любые сайты на php (любая CMS, фреймворк или даже самописный сайт).

Подключить плагин WordPress для автоматического сжатия изображений можно на сайте OptiPic.io. После установки плагина WordPress, уменьшение картинок будет проходить в автоматическом режиме. Модуль найдет доступные картинки и оптимизирует их размер без потери качества. Плагин для сжатия картинок работает с большинством популярных форматов изображений. Видеоинструкция по установке и настройке модуля - https://www.youtube.com/watch?v=Qz6pJDfsKX8.

Плагин Compress JPEG & PNG images - Сжатие изображений JPEG и PNG

Ускорьте ваш веб-сайт WordPress. Оптимизируйте ваши JPEG и PNG изображения автоматически с TinyPNG. Автоматическая оптимизация новых изображений прямо во время загрузки. Есть русский язык. Более 2 115 985 активных установок.

Сжатие изображений WordPress автоматически
Compress JPEG & PNG images плагин WordPress

Узнаёте картинку? Да, вы правы, данный модуль от известного и популярного онлайн сервиса TinyPNG. Теперь и для пользователей ВордПресс - оптимизация изображений на сайте автоматически с TinyPNG. 

Сделайте свой сайт быстрее за счет оптимизации изображений JPEG и PNG. Этот плагин автоматически оптимизирует все ваши изображения за счет интеграции с популярными сервисами сжатия изображений TinyJPG и TinyPNG.

Как работает плагин Compress JPEG & PNG images:

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

 В среднем изображения JPEG сжимаются на 40-60%, а изображения в формате PNG на 50-80% без видимой потери качества. Ваш сайт будет загружаться быстрее для ваших посетителей и вы сэкономите дисковое пространство и пропускную способность вашего хостинга!  😉 

Для того, чтобы начать работать с Compress JPEG & PNG images, первым делом установите и активируйте плагин, стандартным способом, через поиск по плагинам в админ панели ВордПресс. Перейдите на страницу Настройки - Сжатие изображений JPEG и PNG и зарегистрируйте новую учетную запись.

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

Выберите размеры изображения для оптимизации
Настройки Compress JPEG & PNG images

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

Сжатие изображений на сайте WP, автоматически
Сжатие изображений на сайте WP

Всё, потом всё будет происходить автоматом. Загружаете картинку и можете больше не беспокоиться, плагин будет работать за вас.

И последнее, но не менее важное: вы также можете использовать массовую оптимизацию для оптимизации всего вашего сайта WordPress.

Массовая оптимизация всего вашего сайта WordPress
Оптимизации всего вашего сайта WordPress

При удалении плагина все ваши оптимизированные изображения останутся оптимизированными.

EWWW Image Optimizer плагин для сжатия изображений без потери качества

Ускорьте свой сайт, чтобы лучше общаться с посетителями. Правильно сжимайте и масштабируйте изображения. После установки и активации плагина каждое загруженное изображение в формате JPEG, PNG и GIF будет оптимизировано. Если же нужно оптимизировать загруженные ранее файлы, можно выполнить операцию Массовая Оптимизация самостоятельно. Уменьшит размеры файла для изображений WordPress, включая NextGen Gallery и GRAND FlAGallery. Использует jpegtran, optipng/pngout и gifsicle.

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

Самый популярный плагин для оптимизации изображений WordPress EWWW Image Optimizer. Более 19 111 029 активных установок. Плагин переведён на русский язык.

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

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

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

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

С плагином оптимизация изображений будет происходить намного быстрее
Страница настроек плагина EWWW Image Optimizer

Изображения можно оптимизировать с помощью инструментов на вашем собственном сервере бесплатно (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp) или оптимизировать с помощью специализированных серверов, которые используют лучшие инструменты, доступные в режиме без потерь или с потерями. Ваши изображения могут даже быть преобразованы в наиболее подходящий формат файла, используя соответствующие параметры.

Вы можете создавать WebP-версии своих изображений с помощью Bulk Optimizer и доставлять их в поддерживаемые браузеры. Сделайте свой выбор между правилами перезаписи в стиле Apache, перезаписью JS WebP и перезаписью WebP. EWWW IO работает даже с опцией WebP в подключаемом модуле Cache Enabler от KeyCDN.

Optimus – WordPress Image Optimizer: сжатие изображений автоматически

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

Плагин для сжатие изображений автоматически
Плагин Optimus — WordPress Image Optimizer

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

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

Отображение степени сжатия и количества оптимизированных изображений (кружок):

Эффективное сжатие изображений в процессе загрузки. Автоматически и без потери качества.
Оптимизация изображений происходит в фоновом режиме

Как работает оптимизатор изображений WordPress:

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

До и после: Исходное изображение, включая эскизы без сжатия (вверху) и внизу со сжатием / оптимизацией Optimus:

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

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

Imagify – Image Optimization & Convert WebP

Imagify - Оптимизация изображений и преобразование WebP. Оптимизируйте изображения одним щелчком мыши: уменьшите размеры файлов изображений, конвертируйте WebP, сохраните ваши изображения красивыми и увеличьте время загрузки и SEO!

Imagify - Оптимизация изображений и преобразование WebP
Imagify – Image Optimization & Convert WebP

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

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

WooCommerce и NextGen Gallery совместимы. Бесплатная конвертация изображений WebP.

Теперь для каждого изображения, которое вы оптимизируете с помощью плагина Imagify, вы также получите его версию WebP (если вы отметите опцию в настройках); в вашей медиа-библиотеке это приведет к следующим версиям изображений:

  • Полноразмерное оптимизированное изображение,
  • Полноразмерное изображение WebP,
  • Оптимизированные эскизы,
  • Эскизы WebP.

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

Ускорьте работу вашего сайта с помощью оптимизатора изображений
Страница настроек Настройки - Imagify

У вас уже много не оптимизированных изображений? Не проблема, вам понравится Bulk Optimizer, который оптимизирует все ваши существующие изображения одним щелчком мыши:

Bulk Optimizer оптимизирует все ваши существующие изображения WordPress
Bulk Optimization

Imagify может оптимизировать изображения, такие как форматы jpg, png и gif (анимированные или нет), и для каждого изображения, которое вы оптимизируете, вы также получаете его версию WebP, если вы отметите опцию в настройках (кроме анимированного gif).

Авторы плагина Imagify это те кто создал WP Rocket.

ShortPixel Image Optimiser инструмент сжатия изображения без потери качества

Ускорьте свой сайт и улучшите SEO WordPress, сжимая старые и новые изображения. Более 5 219 137 активных установок.

Оптимизатор изображения ShortPixel
Плагин WordPress ShortPixel Image Optimizer

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

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

Сжатие изображений с потерями и без потерь доступно для наиболее распространенных типов изображений (JPG, PNG, GIF и WebP), а также для файлов PDF. Есть возможность свободно конвертировать любые JPEG, PNG или GIF (даже анимированные!) в WebP для большей любви Google и других ПС.

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

Сжатие изображений без потери качества
Плагин ShortPixel - личный ключ API

Кликните по ссылке, на сайте сервиса укажите вашу электронную почту и уникальный ключ придёт к вам на Email. После подтверждения ключика, вы можете сделать пару нужных настроек:

Настройки сжатия изображений на сайте
Настройки ShortPixel Оптимизатор изображения

Как сжимать изображения с потерями или нет. Сохранять в отдельной папке оригиналы. А также на этой странице будет вся статистика по работе с плагина с изображениями. Оптимизированные изображения означают лучший пользовательский интерфейс, лучшие результаты PageSpeed ​​Insights или GTmetrix, лучший Google PageRank и больше посетителей.

И последний актуальный плагин на сегодня.

reSmush.it: the only free Image Optimizer & compress plugin

reSmush.it: единственный бесплатный плагин для оптимизации и сжатия изображений. Бесплатный оптимизатор изображений, который сожмет ваши изображения и улучшит ваше SEO и производительность сайта WordPress.

Бесплатный плагин для оптимизации и сжатия изображений
reSmush.it : the only free Image Optimizer & compress plugin

reSmush.it Image Optimizer позволяет использовать бесплатную оптимизацию изображений на основе reSmush.it API. Плагин reSmush.it обеспечивает уменьшение размера изображения на основе нескольких продвинутых алгоритмов. API принимает файлы JPG, PNG и GIF размером до 5 МБ.

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

Сжатие изображений WordPress автоматически reSmush.it Image Optimizer
Простой интерфейс reSmush.it

Плагин позволяет автоматически оптимизировать изображения при загрузке, а также предлагает возможность массовой оптимизации для старых изображений. Кстати, плагин WP-Optimize – Clean, Compress, Cache (Очистить, Сжать, Кэшировать) для сжатия изображений использует reSmush.it:

WP-Optimize имеет инструмент сжатия изображений
Служба сжатия reSmush.it

Какой лучший плагин для сжатия изображений WordPress?

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

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

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

В заключение

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

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

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

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


16 комментариев к “Сжатие изображений WordPress автоматически”

  1. Для сжатия графики есть прога fileoptimizer, отлично сжимает. В остальном есть множество плагинов для вордпресс, которые и объединяют css и js файлы и уплотняют html. Но они не так сильно влияют на скорость, как хорошая оптимизация изображениий

    Ответить
  2. Привет, Я установил плагин — Optimus на своем сайте, может этот плагин оптимизировать уже ранее загруженные картинки? Посмотрю его в деле. Спасибо

    Ответить
  3. Ни один из плагинов не подойдет, если у вас на сайте более 1000 изображений, также они не сделают к вам google pagespeed добрее, вы лишь немного освободите места на хостинге, и то если у вас менее 500 картинок — это для плагина Compress JPEG & PNG и то он оптимизируют лишь 1 из 10, остальные плагины оптимизируют менее 100 картинок, остальное все в платныx версиях.

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

    Ответить
  5. Единственно вот у ShortPixel Image Optimiser более менее ограничение, можно потерпеть. Оптимизация 100 изображений в месяц при бесплатном аккаунте.

    Ответить
  6. А как оптимизировать 40.000 изображений которые на сайте уже,кто знает хороший плагин?

    21 век на дворе,нужно автоматизировать процесс сжатия,а не оптимизировать каждое изображение по отдельности.
    Загрузил на сайт-плагин оптимизировал и все -автоматизировать,не все нужно руками делать,цените время друзья !

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

    Ответить
  8. А я фотошопом ручками оптимизирую, но чет google pagespeed ругается все равно, походу надо картинки на поддомен грузить, админ прошу расскажи как это безболезненно сделать.

    Ответить
  9. Хочу поделиться своим опытом 2017 года. Решил оптимизировать изображения на сайтах, которые я поддерживаю. Купил платный плагин EWWW Image optimizer. Закинул в него $100, посчитал
    что должно хватить с запасом. Включил оптимизацию. Процесс на первом сайте дошел до 40% и заглох. Я начал разбираться, оказывается деньги закончились. Плагин берет деньги не только за оптимизацию кожного thumbnail. А у меня их по десять штук на одно изображения. Поставил WP Smush, бесплатную версию. Оптимизирует за бесплатно 50 изображений, а потом нужно кнопку клацнуть в админке. Почитал я исходники, и написал скрипт который сам кнопку клацает. И так оптимизировал все изображения. Зашел в Google Pagespeed, а он все равно показывает, что изображения не оптимизированы. Если до этого было на 30-40% больше нормы, то после на 10-15%.
    Решил я все изображения выгрузить по ftp и оптимизировать консолью с помощью кодека Mozilla MozJpeg. Пробовал несколько раз, пока не добился того что Google Pagespeed перестал примахиваться к изображениям. Но качество изображений стало очень плохое. У упущу все эмоции и перейду дальше.

    После изучения темы в интернете оказалось что в сентябре 2017 года Google Pagespeed поменял алгоритм, теперь он хочет чтобы все изображения были меньше webp q75 + 9%. Webp в среднем сжимает на 40% лучше чем Jpeg. То есть добиться такого размера от Jpeg и сберечь качество изображения нереально. То есть свалу нет, придется использовать Webp. Но Webp поддерживается только Chrom и Opera. Firefox и Safari их не понимают. Просто пере конвертировать изображения в Webp не поможет. Но есть такой трюк. Можно создать по два файла для каждого изображения.
    Нормальный и wepb. И выдавать браузерам поддерживающим webp — webp, а не поддерживающим — нормальный файл. Выбор файла выполняется Apache mod_rewrite. Нужно в .htaccess добавить такой код.

    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{HTTP_ACCEPT} image/webp
    RewriteCond %{REQUEST_URI} .*(jpe?g|png|gif)$
    RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
    RewriteRule (.*) $1.webp [T=image/webp,E=accept:1]
    </IfModule>
    <IfModule mod_headers.c>
    Header append Vary Accept env=REDIRECT_accept
    </IfModule>
    AddType image/webp .webp

    Ответить
  10. Для генерации webp файлов нашел бесплатный плагин Opti MozJpeg Guetzli WebP. Он очень интересно сделан, чтобы не устанавливать кодеки изображений на сервер (а у меня хостинг и туда они и не поставляться) можно скачать с сайта плагина виртуальную машину для Oracle Virtual Box. В ней стоит Linux, ssh сервер и кодеки изображений (MozJpeg, Guetzli, WebP). Нужно запустить виртуальную машину у себя на компе, подключить плагин к ней по ssh. И плагин будет по ssh ганять изображения и оптимизировать их в виртуальной машине. То есть я как бы сам для себя облако. Вот этим немного извратным способом я таки оптимизировал изображения и создал для них webp дубликаты. Google Pagespeed полностью снял все претензии к изображениям.

    Ответить
  11. Благодарю за подборку! В принципе от сайта к сайту встречаешь подобные инструменты, плагины для работы с изображениями. Я лично на своем блоге использовал EWWW Image Optimizer. У меня вопрос, если картинок очень много, прям очень — есть ли смысл и как использовать технологию CDN? Она вроде как в разы облегчает работу с кодом

    Ответить
  12. Вообще отличное сжатие дает TinyPNG, получить такое же сжатие другими программами не получилось.
    При этом он сжимает абсолютно все сгенерированные вордпрессом миниатюры.

    Одна запара — в месяц бесплатно только 500 штук. Чтобы сжать больше то за каждое сжатие придется отдать по 0.9 цента или по 4.5$ за 500 картинок. А после 10.000 сжатий цена за последующие становится 0.2 цента.

    У меня на сайте с 87 статьями уже больше 4 тысяч картинок. А значит на халяву оптимизировать придется такими темпами год. Или же придется заплатить 35$, что как-то совсем не радует.

    Ответить

Оставьте комментарий

 необходимо принять правила конфиденциальности