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

Давайте разберемся в процессах оптимизации, и методах их применения на веб-страницах.

Веб-страницы и изображения

Визуально привлекательные сайты содержат в основном изображения, но большинство картинок имеют очень большие размеры. Они составляют основную часть общего размера страницы или «веса страницы». Согласно статистике на 2016 год, около 64,3% содержимого – это изображения.

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

Основная часть содержимого веб-сайта состоит из изображений, и большинство из них не оптимизировано для Интернета. Поисковые системы на основе картинок могут генерировать дополнительный трафик для вашего сайта, но при условии, что они оптимизированы. Согласно последним данным, 39% людей покидают сайт, если он медленно загружается. Это влияет на картину поведенческих факторов – растут отказы, и соответственно, сайт падает в выдаче. Медленно, но верно. Поэтому создание веб-оптимизированных изображений необходимо для снижения времени загрузки страницы.

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

Ancestory.com показал 7% -ный положительный рост конверсий. Это было вызвано сокращением времени рендеринга веб-страниц на 68%, страниц на 46%, и времени загрузки на 64%.

AliExpress сократил время загрузки своих страниц на 36%. Их заказы выросли на 10,5%, а коэффициенты конверсии - на 27%.

Типы изображений и форматы

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

Существует несколько форматов графических файлов:

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

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

Gif - формат gif плохо масштабируется. Он используется для небольших изображений, таких как значки, кнопки и т. д.

Svg - это формат векторного файла, SVG-файлы имеют очень малый размер изображения и очень хорошо масштабируются.

Bmp – BMP-файлы огромны по размеру и, как правило, неровные.

Что такое оптимизация изображения?

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

Зачем нужна оптимизация изображений?

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

Скорость страницы : оптимизированные изображения занимают сравнительно меньшее время для передачи с сервера.

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

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

Как измерить время загрузки страницы?

Быстрая загрузка сайта обеспечивает положительный пользовательский опыт. Для измерения и анализа времени загрузки страницы доступно несколько инструментов. Такие инструменты, как PageSpeed Insights, Pingdom Speed Speed Test и YSlow, измеряют производительность страницы. Они не только измеряют время загрузки страницы веб-сайта, но и дают советы по улучшению.

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

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

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

Методы оптимизации изображений

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

Существует множество методов и алгоритмов для создания оптимизированных изображений.

Ручные методы

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

Photoshop предлагает несколько вариантов сжатия размера изображения, сохраняя при этом качество. Диалоговое окно «Сохранить для Web и устройств» может сравнивать исходное изображение с другими вариантами сжатия.

Есть также плагины, такие как «JPEG XR», «Инструменты текстур NVIDIA» и «Экспорт PNG», которые расширяют возможности Photoshop. Продвинутые пользователи могут попробовать использовать их.

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

Автоматизированная крупномасштабная оптимизация

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

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

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

Общие методы оптимизации

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

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

Уменьшите качество изображения , сжав его.

Используйте адаптивные изображения , созданные с помощью WordPress. В редакторе можно управлять размерами - Миниатюра, Средний, Полный размер и т. д.

Как оптимизировать изображения для SEO

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

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

В описании укажите название, тут же приводится более подробная информация.

Имя файла должно включать короткие ключевые слова и включать дефисы для оптимальной оптимизации.

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

Как добавить Alt-теги к изображениям в WordPress

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

Добавление тегов Alt для существующих изображений в WordPres

Шаг 1: Выберите страницу для редактирования и опцию «Редактировать страницу».

Шаг 2: Выберите изображение, для которого нужно прописать Alt.

Шаг 3: Нажмите кнопку «Изменить».

Шаг 4: Откроется панель «Детали изображения».

Шаг 5: Пропишите нужные текст в поле «Alt».

Шаг 6: Нажмите кнопку «Обновить».

Добавление тегов Alt для новых изображений в WordPress

Шаг 1: Выберите опцию «Add Media» на вкладке «Добавить новую страницу» или «Редактировать страницу».

Шаг 2: Выберите изображение, которое нужно добавить.

Шаг 3: Панель " Подробности" открывается справа.

Шаг 4: Отредактируйте поле «Alt».

Шаг 5: Нажмите «Вставить в страницу».

SEO-оптимизированные изображения: использование плагинов WordPress

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

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

В премиум-версии есть поддержка изображений товара WooCommerce.

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

Плагин SEO Friendly Images позволяет автоматически вставлять заголовок ALT. Функции плагина могут использоваться для всех изображений.

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

Вывод

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

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

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

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

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 – это инструменты, которые используются для оптимизации;

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 и копирайтов.

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

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

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

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

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

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

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

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

Функции:

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

Вероятно, вы уже не раз видели на различных сайтах такой эффект. Lazy Load — плагин «ленивой» загрузки, загружающий изображения только тогда, когда они видимы, что в свою очередь позитивно влияет на скорость загрузки сайта. Lazy load images использует для этого jQuery.sonar.

Еще статьи

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

Когда вашему WordPress сайту более 5 лет, изображения становятся настоящей головной болью. К примеру, наш магазин на 1500 товаров весит около 2 гигабайт! Как вы думаете, сколько процентов занимает мусор, который можно смело удалить?

Сжатие изображений  - неотъемлемая часть общей оптимизации сайта. Можно выполнить все пункты Google PageSpeed Insights, но увидеть нечто подобное:

Google ругается на не оптимизированные изображения

Сразу возникает вопрос: почему они не оптимизированы, если я их обрабатывал в Photoshop? Ответ прост - оригиналы изображений, возможно, оптимизированы. А вот автоматически созданные миниатюры - нет. Это головная боль WordPress.

Поэтому, оптимизируем изображения вручную.

Шаг 1: Отключаем лишнее

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

Создатели Wordpress и WooCommerce считают, чем больше различных миниатюр создается, тем это лучше для сайта.

Я с этим не согласен, поэтому для себя выделил три вида изображений : маленькая миниатюра (200х200 пикселей), средняя миниатюра (400х400 пикселей) и оригинал (1000х1000 пикселей).

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

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

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

1. Миниатюры для блога настраиваются в меню Настройки › Медиафайлы:

2. Изображения товаров настраиваются в меню WooCommerce › Настройки › Товары › Отображение:

Как вы заметили, мы всюду установили одинаковые размеры. Итого у нас генерируется три вида изображений: маленькое, среднее и оригинал. Так ли это? Оказывается, нет.

В папке с изображениями находим миниатюры размером 768х768 пикселей. О том, что они сгенерированы системой говорит их название, например big-sale-768x768 .jpg

Так как мы таких размеров явно не задавали, подозрение падает на плагины и тему.

В WordPress есть функция add_image_size() для создания миниатюр:

add_image_size("custom-size", 768, 768, true);

В каком-то из файлов php прописан похожий код. С помощью программы Folder Find Text ищем текст add_image_size(и изучаем найденные файлы с помощью Notepad++.

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

Шаг 2: Очищаем сайт от мусора

После задания новых размеров миниатюр нам нужно пересоздать их. Этот процесс называется regenerate thumbnails .

Для этого нам понадобиться установить плагин Force Regenerate Thumbnails . Он удалит старые изображения и создаст новые, к сожалению, не оптимизированные.

Не лишним будет вручную выкачать файлы из папки /wp-content/uploads на компьютер и удалить лишние.

К примеру, у нас почему-то остались изображения размером 140х140 пикселей, смело удаляем их:

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

Еще один способ найти неиспользуемые изображения - перейти в панели управления сайтом в раздел Медиафайлы > Библиотека и выбрать из выпадающего списка пункт Неприкрепленные:

Неиспользуемые по мнению системы изображения

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

Шаг 3: Оптимизируем изображения

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

Вариант 1: Оптимизировать на сервере (долго)

Плагинов для оптимизации (сжатия) изображений предостаточно. К примеру, в статье рассмотрены шесть самых лучших. Я бы посоветовал плагин WP Smush из-за красивого интерфейса.

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

Вариант 2: Оптимизировать на компьютере (быстро)

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

Вариант 3: Оптимизация на лету

Установить плагин Jetpack от WordPress.com , который использует CND для изображений. Данная функция называется “Производительность с изображениями”. К сожалению, у данного плагина есть и один большой недостаток - он очень грузит сайт.

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

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

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

Каждый владелец сайта рано или поздно задумывается об ускорении загрузки страниц на своем сайте. Проведя некий анализ, он приходит к тому, что изображения являются одним из наиболее “узких” мест, способных замедлять работу всего интернет-ресурса. Единственный способ это исправить — оптимизировать (уменьшить размер) фото, что не только повысит скорость загрузки страницы в целом, но и сэкономит дисковое пространство на хостинге.

Плагин Smush Image Compression and Optimization

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

Итак, после установки и активации плагина перед Вами откроется всплывающее окно с предложением настройки плагина.

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

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

Как видно на фото, плагин обнаружил 2 загруженных и неоптимизированных картинки. Для их оптимизации необходимо нажать кнопку ОПТИМИЗИРУЙТЕ ВСЕ . После сжатия Вам будет выведено соответствующее сообщение.

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

Плагин EWWW Image Optimizer

Еще одним довольно популярным среди WordPress-пользователей является плагин EWWW Image Optimizer . Для сжатия изображений дополнение использует современные алгоритмы, среди которых: TinyJPG , JPEGmini , gifsicle и пр. Плагин призван качественно сжимать не только изображения в форматах PNG и JPG , но также и GIF . Важной особенностью плагина является заданная по умолчанию настройка сжатия без потерь. Это означает, что он работает “из коробки”, и выставленных по умолчанию настроек достаточно для работы. Если все же Вы хотите что-то изменить (например, уровень сжатия), то для этого достаточно будет в админ-панели перейти в раздел Настройки -> EWWW Image Optimizer .

Итак, после установки и активации плагина в разделе админ-меню Медиафайлы появляется подменю Массовая Оптимизация .

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

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

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

Плагин Compress JPEG & PNG images

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

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

После ввода данных следует нажать кнопку Register Account , после чего увидите сообщение о том, что на указанный e-mail -адрес было отправлено письмо с ссылкой на активацию аккаунта.

После подтверждения регистрации плагин сообщит об успешной активации аккаунта.

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

Для начала оптимизации загруженных на сайт изображений необходимо в админ-панели перейти Медиафайлы -> Bulk Optimization и нажать кнопку Start Bulk Optimization .

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

Берём любое изображение и добавляем его в Медиафайлы

У меня из маленького PNG файла в оригинале 236 Кб вышло 219 Кб. Таким образом, получилось сжать 7,2%. Представляете, что будет с большими файлами?

Установка EWWW Image Optimizer

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

В первом случае, вы переходите в раздел админки Плагины — Добавить новый (http://example.com/wp-admin/plugin-install.php) — EWWW Image Optimizer

Во втором случае, вам нужно скачать его.

Где скачать EWWW Image Optimizer

Архив распаковываем в /wp-content/plugins/ , потом находим его среди плагинов в админке и активируем.

Настройка EWWW Image Optimizer

Чтобы попасть в настройки, переходим в Настройки — EWWW Image Optimizer
Вы можете ничего не менять, по умолчанию всё работает как надо.

На скрине всё видно и достаточно ясно описано, что за что отвечает. Вы можете изменить настройки под свои нужды.

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

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

• Deferred Optimization — сжатие будет происходить позже, по расписанию WP Cron
• Disable Automatic Optimization — Изображения не будут оптимизированы в момент их загрузки на сайт. Их оптимизацию можно провести позже вручную либо настроить расписание оптимизации. Опция будет полезна, если вы загружаете много изображений и не хотите ждать, пока они будут сжиматься
• Include Media Library Folders — Если вы отключили автоматическую оптимизацию изображений, отметьте этот пункт для включения сжатия по расписанию для последних двух директорий из библиотеки медиафайлов

Почему EWWW Image Optimizer не работает

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

EWWW Image Optimizer requires exec()

После установки плагин может дать предупреждение

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

Если у вас простой хостинг, напишите в службу поддержки с просьбой включить exec . Если они ответят отказом, к сожалению, бесплатной версией плагина вам воспользоваться не получится. В таком случае, вы можете выкачать все изображения и пережать их с помощью . Также, есть возможность воспользоваться плагином WP Smush — Image Optimization , но у него есть ограничение: в бесплатной версии можно сжимать максимум 50 файлов за один подход

Если у вас свой сервер, тогда отправляемся в настройки php, а именно в php.ini .

Чтобы определить, где находится php.ini, можно воспользоваться функцией phpinfo(). Создаём файл phpinfo.php в корне сайта, потом записываем туда

Сохраняем, потом открываем в браузере http://example.com/phpinfo.php

Ищем строчку Loaded Configuration File

Итак, у нас php.ini расположен в /etc/php5/apache2/php.ini

Редактируем его, для чего можно воспользоваться или putty.

В самом файле ищем строку disable_functions . Это список отключенных функций php. Изымаем оттуда exec , и потом сохраняем.

Я, как правило, копирую оригинальную строку, затем закрываю её в комментарии, тем самым сохраняя резервную копию на всякий случай.

Теперь, чтобы изменения вступили в силу, нужно перезагрузить php (Apache или php-fpm).

Service apache2 restart

Service php5-fpm restart

Всё, теперь функция exec работает.

Отсутствует: jpegtran, optipng, gifsicle, pngout

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

Установка jpegtran в Debian, Ubuntu

Apt-get install libjpeg-progs

Установка optipng в Debian, Ubuntu

Apt-get install optipng

Установка gifsicle в Debian, Ubuntu

Apt-get install gifsicle

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

Apt-get update && apt-get upgrade

В заключение

Это был обзор плагина для оптимизации и сжатия png, jpeg, gif анимаций в WordPress. Если вам интересно, есть статья, как можно