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

EWWW Image Optimizer

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

EWWW Image Optimizer использует optipng, pngquant, jpegtran, и другие бесплатные утилиты для эффективного сжатия изображений в WordPress. Эти утилиты включены в дистрибутив плагина в виде исполняемых файлов и запускаются плагином через функцию PHP , которая у многих хостинг-провайдеров отключена в целях безопасности.

Есть также платная версия EWWW Image Optimizer Cloud, которая так же как и WP Smush, использует внешний сервис для сжатия и оптимизации, что более совместимо с хостинг-площадками и не создает дополнительной нагрузки на ваш сервер. Стоимость сжатия – 0.5 центов за изображение за первые 1000 штук.

Скачать Версия Cloud

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

После того, как вы оптимизировали размер и объем изображения и выбрали подходящий формат, назовите готовый файл так, чтобы было понятно, что изображено на картинке. Не называйте файл Untitled.jpeg, Без-названия.png или 01.webp.

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

Добавьте атрибут Alt и Описание

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

Трафик из раздела Картинки поисковых систем

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

Заключение

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

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

Если вы начинаете новый сайт, то оно того стоит.

После оптимизации в Фотошопе картинки имеют маленький размер, так что до-оптимизацию на сайте с помощью плагина можно не делать.

Хороший результат у плагинов TinyPNG и ShortPixel. EWWW Image Optimizer хороший плагин, но его сложнее настроить.

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

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

Как подключить Вордпресс к CDN Cloudflare

1. Где брать бесплатные картинки в хорошем качестве для публикации на сайте без нарушения авторских прав
2. SEO для Вордпресс. Подробная инструкция
3. 12 советов для SEO оптимизации Блога

Что такое SEO-оптимизация

SEO-оптимизация – это подгонка контента сайта под запросы целевой аудитории и критерии индексации в поисковых системах. Аббревиатура SEO расшифровывается как Search Engine Optimization, что в переводе с английского означает «поисковая оптимизация». Оптимизация касается как содержания материалов, так и их оформления. Она способствует продвижению сайта в поисковых системах.

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

А теперь перейдем к непосредственному рассмотрению приемов оптимизации контента.

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

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

TinyPNG

TinyPng — бесплатный web сервис оптимизации изображений, который использует lossy компрессию для уменьшения PNG и JPEG файлов. В бесплатной версии есть ограничение 20 изображений. Каждое изображение не должно превышать 5 Мб.

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

Для разработчиков есть подключение по API для автоматической оптимизации изображений.

Optimizilla

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

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

Bulkresizephotos

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

Сервис уменьшает размер и/или объем изображений, и может конвертировать форматы изображений в JPEG, PNG или WEBP.

Как указать параметры ширины и высоты изображения в теме WordPress

Итак, разберём мой пример. В моей теме не указаны размеры вот этих изображений:

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

Значит нужно найти в шаблоне место, где выводятся эти изображения. А выводятся они на главной странице и на странице материала. За главную страницу отвечает файл (index.php), а за материал отвечает файл (single.php).

Так вот отрываем административную панель WordPress– «Внешний вид» > «Редактор» — нужный файл. И добавляем параметры ширины и высоты, на основе предложенных размеров в отчёте GTmetrix.

Вставка параметров размера

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

А ещё скорей всего у вас в отчёте будет низкий показатель по параметру «Combine images using CSS sprites». Это параметр сообщает, что на сайте есть одинаковые изображения, которые можно объединить в спрайты для ускорения загрузки сайта. Но в двух словах этого не рассказать. Поэтому об этом поговорим в следующих статьях. А пока у вас есть над чем работать.

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

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

До встречи в следующих статьях.

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

Оптимизацию изображений можно разделить на 2 составляющие: выбор правильного формата изображения и использование сжатия.

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

Используя сжатие, можно уменьшить размер изображения одним из способов: уменьшить объем (понизить разрешение) или уменьшить контрастность

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

Эти два метода уменьшают размер файла изображения по-разному. При понижении разрешения количество пикселов, для которых будет выполнено сжатие, уменьшается логарифмически — иными словами, быстро относительно постепенного уменьшения размеров изображения. Слегка или умеренно уменьшить контрастность — тоже эффективный способ, так как он увеличивает диапазон яркости изображения, что подходит как для форматов сжатия с потерями (JPEG), так и для форматов сжатия без потерь (GIF, PNG).

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

В случае JPEG-изображений показатель качества контролируется явно кодеком JFIF. В случае PNG- и GIF-изображений качество является более субъективным показателем; специалист уменьшает качество таких изображений понижая глубину цвета и индексируя цвета, которые должны сохраниться (при этом могут появиться искажения). В общем случае, самые лучшие настройки
для GIF-изображений и низкокачественных PNG-изображений вы найдете в режиме Indexed Color при глубине цвета 2, 16, 64 или 256.

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

• Pattern

• Diffusion

• Noise

• None

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

В качестве примера приведу вам два изображения JPEG: изображение 1 и изображение 2. Как видите, второе изображение сильно сжато, вплоть до того что видны артефакты на границе окна, но при этом более-менее видно содержимое консоли. При этом первое изображение весит 44 кб, а второе всего 16 кб. Можно выбрать промежуточный вариант и сохранить изображение в PNG без потери качества — изображение 3. Этот вариант весит 26 кб и содержит картинку без артефактов.

Плагины для безопасности WordPress

Login LockDown – плагин, который ведет статистику неудачных попыток входа в административную панель сайта.

Antivirus — плагин, который борется с вирусами.

Wp Secure — сканирует сайт на наличие вирусов и позволяет ограничивать вход в административную часть проекта по ip-адресам.

Broken Link Checker — выявляет битые ссылки в постах.

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

BulletProof Security — использует для защиты файлов веб-проекта файл .htaccess.

Anti-XSS attack — защищает от XSS атак.

Hide Login — при помощи этого плагина можно создавать новые URL для входа в панель управления.

Sabre — защищает от автоматических регистраций пользователей на сайте.

Limit Login Attempts — плагин позволяет задавать количество входов в административную панель WordPress.

Оптимизация шрифтов

Согласно HTTP Archive , 60% сайтов в настоящее время используют нестандартные шрифты, количество которых выросло на 850% с 2011 года. Недостатки веб — шрифтов, таких как Google шрифты,- это то, что они добавляют дополнительные запросы HTTP на внешние ресурсы. Веб — шрифты также блокируют отрисовку страницы. Ниже приведены некоторые рекомендации для улучшения производительности веб — шрифтов.1. Выбрать шрифт на основе поддержки браузера2. Выбрать только необходимые стили3. Держать минимальные наборы символов 4. Выбрать локальный хост шрифтов или предвыбор5. Хранить шрифты в LocalStorage с Base64 EncodingМожно также переместить шрифты, используемые сайтом, в CDN . На примере поддерживаемого авторами сайта, сравнение между CDN Google и KeyCDN показало результаты в пользу KeyCDN. Это может быть объяснено тем, что последний уменьшает количество HTTP — запросов, поиск DNS; позволяет воспользоваться преимуществами одного HTTP/2 подключения и иметь больший контроль над кэшированием.

СКОРОСТЬ	Google CDN (MS)	KEYCDN (MS)	ПОБЕДИТЕЛЬ
WebPagetest Время загрузки	1871ms	1815ms	KeyCDN
WebPagetest Fully Loaded	1929ms	1862ms	KeyCDN
Pingdom Время загрузки	355ms	324ms	KeyCDN

Ошибка 5. Неоправданно высокое качество изображений в формате JPEG

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

Однако многие разработчики и дизайнеры не экспериментируют со сжатием JPEG, несмотря на то, что это может помочь существенно сократить размер файла без заметной потери качества. Хотя наиболее распространенным является 85%-е качество JPEG, есть множество сайтов с изображениями 95%-го качества. Конечным результатом является повышенная нагрузка на пропускную способность и ухудшение опыта взаимодействия.

Как это исправить?

Не бойтесь экспериментировать с более низким уровнем качества JPEG. Для некоторых сайтов, использование 50%-го качества JPEG дало весьма неплохой результат. Хотя файлы JPEG более высокого качества всегда будут выглядеть лучше, это не всегда будет стоить дополнительной нагрузки на nпропускную способность и увеличенного времени ожидания.

В каком формате лучше сохранять изображения для сайта?

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

Если же вы берете какое-то изображение на котором прозрачного фона нет, то лучше всего сохранять его в формате JPEG, так как это позволит существенно сократить его вес.

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

WordPress плагины социальных сетей

Socialize It! – добавляет на сайт кнопки популярных социальных сетей: Google+, Вконтакте, Facebook.

SexyBookmarks — создает специальный блок для размещения кнопок социальных сетей. С его помощью читатели смогут делиться интересным материалом в своих социальных аккаунтах.Simple Counters — показывает количество подписчиков RSS и фолловеров в Twitter.

Social Metrics — ведет подсчет количества нажатий на кнопки «Like», «Мне нравится» и др.

Tweetmeme Button — добавление кнопки «ретвит» в записи.

WordPress Google +1 Button — добавление кнопки Google+ на сайт.

Another Author Box — ссылки на социальные аккаунты авторов записей, котореы выводятся в отдельном блоке.

OURLS: WordPress to Twitter — плагин способен создавать короткие ссылки для Twitter публикаций.

Hupso Share Buttons for Twitter, Facebook & Google+ — кнопки социальных сетей.

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

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

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

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

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

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

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

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

Smush Image Compression and Optimization

Smush — Lazy Load Images, Optimize & Compress Images

Author(s): WPMU DEV

Current Version: 3.9.5

Last Updated: 25.01.2022

Плагин создан разработчиком WPMU DEV, регулярно обновляется и имеет более миллиона установок. Оптимизирует jpeg, png и gif форматы. Изображения до 5 Мб оптимизируются бесплатно в любом количестве.

Оптимизирует до 50 изображений за один раз. Автоматически находит изображения, которые замедляют сайт. Плагин может откладывать загрузку изображений до того, как они не появятся в видимой части экрана (lazy load).

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

EWWW Image Optimizer

EWWW Image Optimizer

Author(s): Exactly WWW

Current Version: 6.4.2

Last Updated: 08.03.2022

Другой популярный плагин, регулярно обновляется, имеет более 900.000 установок. Плагин бесплатно оптимизирует изображения на вашем сервере или платно на своем сервере.

Работает с форматами jpg, png и pdf. После оптимизации выбирает наиболее подходящий формат для показа на сайте, — jpg, png или gif.

Плагин может автоматически конвертировать jpg и png изображения в формат webp.

ShortPixel

ShortPixel Image Optimizer

Author(s): ShortPixel

Current Version: 4.22.8

Last Updated: 08.02.2022

Относительно новый плагин, ставший популярным. Оптимизирует форматы jpeg, png, gif и pdf на своем облаке.

В бесплатной версии позволяет оптимизировать до 100 изображений в месяц. Если нужно оптимизировать больше изображений, нужно купить одну из платных версий. Можно купить подписку на месяц или сделать единоразовую оплату за 10.000, 30.000, 50.000 или 170.000 изображений.

По этой ссылке вы получите еще 100 бесплатных оптимизаций в месяц каждый месяц.

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

TinyPng

TinyPNG — JPEG, PNG & WebP image compression

Author(s): TinyPNG

Current Version: 3.3

Last Updated: 26.01.2022

Простой и понятный плагин, регулярно обновляется, имеет более 200.000 установок. Подключается по API к серверу TinyPNG, на котором оптимизируются изображения.

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

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

Как написать SEO-оптимизированный текст

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

В последнее время встречаю такие варианты ТЗ: заказчик дает два файла. Они отличаются:

1. Бриф. Это инструкция с параметрами текста, делающими его понятным и простым для восприятия конкретной целевой аудитории (ЦА). В первом документе рассказано об особенностях компании или продукта, расписан портрет ЦА, указаны желаемые обращения к аудитории, предпочтительный стиль подачи информации и т.д.
2. Классическое техническое задание, в котором прописаны критерии написания текста, делающие его приятным для поисковиков. Второй файл создается на основе анализа топ-10 результатов выдачи в поисковике по этому вопросу.

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

Как узнать какое изображение тормозить загрузку сайта и оптимизировать его

Вот тут то и понадобится сервис GTmetrix. Проведя анализ сайта, нужно перейти в раздел «Optimizeimages». Здесь будут представлены все изображения требующие оптимизации и более того – уже готовый оптимизированный вариант изображения.

Параметры оптимизации изображения

Нужно только скачать его и загрузить по указанному пути.

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

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

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

Если вы планируете использовать изображение, например, в качестве фонового на своём сайте, то следует брать ширину не более 1600 – 1800 пикселе.
А для того, что бы это изображение растягивалось на всю ширину на любых, даже самых больших экранах, лучше использовать специальное css-свойство:

background-size:100% auto;

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

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

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

Butteraugli

В этом примере Butteraugli ищет минимальный порог качества JPEG, чтобы пользователь не заметил визуальной разницы между изображениями. Это позволило уменьшить размер файла на 65%Мне потребовалось около 30 минут для локальной настройки Butteraugli после установки Bazel и сборки исходников C++ для корректной компиляции на Mac. Его использование относительно простое: укажите два изображения для сравнения (исходная и сжатая версия) — и получите оценку

Объединение энкодеров?

без потерьАрии Хидаята

WebP: сравнение размеров файлов и оценки визуального сходства на разных уровнях качества

Оптимизатор изображения EWWW Image Optimizer

EWWW Image Optimizer — это легкий плагин с почти миллионом активных пользователей.

Отличительные особенности EWWW Image Optimizer включают в себя:

• Поддержка самых популярных форматов изображений, таких как JPG, PNG и PDF.
• Ленивая загрузка и преобразование в форматы следующего поколения, такие как WebP.
• Добавление недостающих размеров к изображениям (одна из вещей, которую оценивает инструмент PSI).
• Массовая оптимизация изображений.
• Сохраняет исходные изображения.
• Размер сжимаемых файлов изображений не ограничен.
• Доступен в бесплатной и премиальной версиях.

Фрилансеры бизнес-уровня Все, что вам нужно знать о поиске и работе с фрилансерами Fiverr Business.

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

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

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

Оптимизатор изображений Imagify

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

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

Изменение размера файлов в Imagify

Оптимизатор изображений ShortPixel

Плагин ShortPixel

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

Optimole

Плагин Optimole

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

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

EWWW Image Optimizer Cloud — облачный плагин для оптимизации изображений

EWWW Image Optimizer Cloud- облачный плагин для оптимизации изображений

Плагин EWWW Image Optimizer Cloud оптимизирует изображения и повышает скорость работы сайта. Пользователи EWWW IO могут использовать функцию Bulk Optimizer («массовый оптимизатор»), предназначенную для сжатия имеющихся изображений.

Плагин EWWW IO позволяет конвертировать изображения в форматы нового поколения, такие как WebP или подобрать наилучший формат для изображения. Стоимость сжатия начинается от 0,003 доллара за изображение.

Функция ExactDN позволяет выполнять автоматическое сжатие (без необходимости сжатия на сервере), автоматическое изменение размера и обладает всеми  преимуществами CDN.

Optimus Image Optimizer

Плагин Optimus Image Optimizer

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

WP Smush

Плагин WP Smush

Плагин WP Smush  сканирует изображения и сжимает их по мере их загрузки на сайт. Он также находит и оптимизирует уже сохраненные рисунки. Он позволяет осуществлять массовое сжатие (до 50 файлов за раз). Плагин поддерживает форматы JPEG, GIF и PNG. Размер исходных файлов ограничен 1 Мб.

• Плагин совместим с WP All Import и WPML.
• Оптимизация изображений выполняется с помощью сжатия без потерь.
• У Smush есть функция автоматической установки ширины и высоты для всех изображений.

Compress JPEG & PNG images

Плагин TinyPNG

Плагин TinyPNG использует сервисы TinyJPG и TinyPNG для оптимизации изображений в форматах JPG и PNG. Для экономии места плагин конвертирует CMYK в RBG. Он сжимает файлы JPEG до 60%, а файлы PNG до 80% без видимой потери качества изображения. У него нет ограничений на размер обрабатываемого файла.

ImageRecycle

ImageRecycle- плагин для оптимизации изображений и PDF-файлов

Плагин ImageRecyle – это автоматический оптимизатор изображений и PDF-файлов. Одной из его полезных функций является способность устанавливать минимальный размер файла для сжатия. Например, если у вас есть изображения размером 80 Кб, вы можете автоматически исключить их из процесса сжатия. Данный плагин также включает в себя функцию массовой оптимизации и автоматического изменения размеров изображений.

Плагины для упрощенного комментирования

Comment Redirect — плагин для перенаправления пользователя после оставленного комментария на специальную, созданную владельцем сайта заранее, страницу.

Highlight Author Comments — выделяет комментарии, ставленные администратором сайта.

Qipsmiles — набор смайлов для добавления в комментарии.

Subscribe to comments — реализовывает подписку на комментарии.

Thank Me Later — специальный плагин, который делает рассылку с благодарностью тем, кто оставил комментарий на сайте.

Comment Rating — рейтинг комментариев.

Easy Comment Uploads — плагин для прикрепления в комментарии файлов.

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

Paginated Comments — разбивает ленту комментариев на несколько страниц.

Оптимизация картинок для сайта — рекомендации и советы

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

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

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

• PNG– этот формат позволяет получать изображения высокого качества, но при этом размер файла остается большим.
• JPEG– использует оптимизацию с потерями и без потерь качества. Вы можете регулировать уровень качества, чтобы достичь наиболее подходящего баланса.
• GIF – формат поддерживает всего 256 цветов. Это лучшее решение для анимированных изображений. Он использует только сжатие без потерь.

Есть еще несколько форматов, таких как JPEG XR и WebP. Но не все они поддерживаются браузерами. Поэтому лучше использовать JPEG (или JPG) для полноцветных изображений и PNG для простых картинок.

Качество сжатия против размера

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

Примечание: Объем оригинального изображения составляет 2,06 Мб.

Низкая степень сжатия (высокое качество) JPG – 590 Кб

Высокая степень сжатия (низкое качество) JPG – 68 Кб

Размер первого изображения составляет 590 Кб. Это довольно много для одной фотографии. Второе изображение выглядит ужасно, но при этом весит всего 68 Кб.

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

Средняя степень сжатия (отличное качество) JPG – 151 Кб

Оптимизация с потерями и без потерь

Оптимизация с потерями – это «фильтр», который убирает некоторые данные и ухудшает качество изображения. Но при этом размер файла изображения существенно уменьшается. Для этого можно использовать такие программы как Adobe Photoshop, Affinity Photo или любой другой графический редактор.

Оптимизация без потерь качества – сжатие данных без снижения качества изображения. Выполнить сжатие без потери качества можно с помощью Photoshop, FileOptimizer или ImageOptim.

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

Выводы

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

1. Сжимайте изображения, чтобы увеличить скорость загрузки страниц.
2. Используйте уникальные картинки и оптимизируйте их для повышения в ранжировании.
3. Заполняйте мета-теги ключевыми фразами для привлечения дополнительного трафика через поиск картинок.
4. Сделайте изображения адаптивными для корректного отображения на мобильных устройствах.
5. Регулярно проверяйте страницу в Google Pagespeed Insights для своевременного обнаружения проблем со скоростью и быстрого их решения.

Также читайте другие материалы в блоге Webpromo:

• Почему бренды выбирают мобильную рекламу Facebook для продвижения во время пандемии?;
• Чек-лист E-A-T факторов для сайта медицинских услуг;
• Лидогенерация: 3 способа эффективного продвижения лендинга;

И подписывайтесь на наш Telegram-канал про маркетинг.