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

Opti MozJpeg Guetzli WebP

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

Ссылка на обзор и интервью с автором внизу страницы.

EWWW Image Optimizer

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

Для оптимизации и конвертации используются следующие инструменты.

• jpegtran,
• TinyJPG,
• JPEGmini,
• optipng,
• pngout,
• pngquant,
• TinyPNG,
• gifsicle

Посмотреть как всё это работает можно в документации, потому что она достаточно качественно описана.

По умолчанию плагин использует lossless сжатие (без потерь). Но чтобы его изменить, нужно купить API ключ.

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

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

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

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

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

ShortPixel Image Optimizer

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

Бесплатный тариф позволяет обработать 100 изображений в месяц. Что не так уж мало.

В настройках присутствует:

• 3 метода сжатия;

   

• бэкап оригинала;

• оптимизация миниатюр (входит в общий счет);

• удаление EXIF метаданных;

• обрезание больших изображений по ограничению максимального размера;

На вкладке Advanced еще ряд настроек, среди которых стоит отметить:

• возможность добавлять папки с изображениями для обработки;

   

• возможность исключать некоторые изображения из обработки по шаблону (например, по названию, пути, или размеру);

• автоматически оптимизировать изображения при загрузке

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

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

Статистику можно получить и в своем кабинете на сайте https://shortpixel.com.

В общем, мне плагин нравится: приятный интерфейс и настройки, отличный функционал (даже на бесплатном плане), хороший FAQ.

Optimus WordPress Image Optimizer

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

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

Imagify Image Optimizer

После установки нам незамедлительно предлагают создать учетную запись и внести свой API ключ. Потому что без него плагин не работает.

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

Существуют 3 уровня сжатия, — Нормальное(losless), Агрессивное(lossy), и Ультра.

К сожалению, бесплатно для обработки доступно только 25мб в месяц.

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

Smush Image Compression and Optimization

Сервис предоставляется командой wpmudev.

Вы получаете ПРО при подписке на мембершип. Цена справедлива, если вам также интересны другие активы на данным сайте.

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

reSmush.it Image Optimizer

Интересная бесплатная альтернатива. Работает через онлайн сервис http://resmush.it/.

В настройках можно указать качество.

Kraken.io Image Optimizer

Предоставляет два типа сжатия: Интелектуальное(lossy), и Без потерь(losless).

Можно опробовать бесплатно с квотой 100мб, но дальше можно пользоваться только с ежемесячной оплатой.

Выбор плагина

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

В настоящий момент, наиболее привлекательными для меня выглядят EWWW Image Optimizer, Imagify и ShortPixel. Исторически до обзора я пользовался и продолжаю пользоваться первым плагином (методом бесплатного lossless сжатия). Вероятно, могу вписаться в ежемесячную бесплатную квоту Imagify 25мб, исключив из настроек обработки ненужные размеры изображений.

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

Обновление: Попробуйте новый плагин Opti MozJpeg Guetzli WebP. Читайте более подробный обзор на странице Оптимизация изображений — 100% по PageSpeed.

Как почистить WordPress от стандартных размеров Thumnail, Medium, Large

Зачастую плагины и темы создают собственные размеры изображений, а предустановленные просто занимают ресурсы сервера, или съедают тариф внешнего сервиса.

Сделайте бэкап до любых экспериментов!

Отключить создание стандартных размеров

Thumnail, Medium, Large можно легко исключить, просто установив 0 в качестве значения.

Вывести дополнительные размеры изображений

Нашел такой простой рабочий сниппет в сети. Он выведет массив на страницу сайта.

/**
 * Display all image sizes other than the default, thumbnail, medium and large
 *
 */
 function theme_additional_images() {
 global $_wp_additional_image_sizes;
 $get_intermediate_image_sizes = get_intermediate_image_sizes();

echo '<pre>' . print_r($_wp_additional_image_sizes) . '</pre>';
}

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

Сниппет из сети. Он достаточно простой для понимания.

/**
* Unset/remove the non required default image sizes
*
* @param array $sizes the array of default sizes
*
* @return array $sizes the modified array
*/
function se_remove_default_image_sizes( $sizes ) {
    unset( $sizes['thumbnail'] );
    unset( $sizes['medium'] );
    unset( $sizes['medium_large']);
    unset( $sizes['large'] );

    return $sizes;
}
add_filter( 'intermediate_image_sizes_advanced', 'se_remove_default_image_sizes' );

function se_remove_additional_image_sizes() {
    remove_image_size( 'alm-thumbnail' );
}
add_action( 'init', 'se_remove_additional_image_sizes' );

Пересоздать изображения

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