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

EWWW Image Optimizer

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

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

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

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

EWWW Image Optimizer ‹ — WordPress

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

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

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

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

EWWW Image Optimizer Image Sizes ‹ — WordPress

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

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

к содержанию ↑

ShortPixel Image Optimizer

После установки плагина нужно сразу запросить ключ.

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

По настройкам всё замечательно. Присутствует:

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

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

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

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

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

ShortPixel Settings ‹ — WordPress

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

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

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

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

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

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

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

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

к содержанию ↑

Optimus WordPress Image Optimizer

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

Optimus ‹ — WordPress

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

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

к содержанию ↑

Imagify Image Optimizer

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

Imagify Activation ‹ — WordPress

Благо есть бесплатная регистрация. После внесения ключа получаем такие настройки.

Imagify Settings ‹ — WordPress

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

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

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

к содержанию ↑

Smush Image Compression and Optimization

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

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

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

reSmush.it Image Optimizer

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

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

reSmush.it ‹ — WordPress

Kraken.io Image Optimizer

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

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

Kraken Image Optimizer Settings ‹ — WordPress

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

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

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

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

к содержанию ↑

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

Не так редко плагины и темы создают свои размеры, а предустановленные остаются не у дел, и просто занимают ресурсы сервера, или съедают тариф внешнего сервиса.

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

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

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

медиафайлов ‹ — WordPress

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

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

/**
 * 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 тем, что удалит неиспользуемые размеры при пересоздании.