Найти тему

Авто-сжатие изображений без потерь плагином WP Smush

Оглавление

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

Установка плагина WP Smush

Для начала давайте установим плагин WP Smuch. Как это сделать, смотрите как добавить новый плагин.

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

Читайте статьи:
Онлайн-сервис сжатия объема изображений и картинок
Плагин POST GRID для вывода постов сеткой на WordPress
Установка кнопок социальных сетей на блог

За один проход плагин оптимизирует до 50 картинок. Если у Вас больше 50 картинок для оптимизации, нужно делать несколько прогонов. Пока не оптимизируются все изображения или купить платную версию, которая работает без ограничений.

-2

Заходим в боковую панель WordPress, выбираем “Плагины” (п.1). На открывшейся странице находим наш плагин и нажимаем “Настройки” (п.2).

Панель управления плагином

-3
Перед нами появляется “Панель управления”. Здесь мы видим сколько изображений нужно оптимизировать (п.1), жмем “Оптимизируйте все”.
Перед нами появляется “Панель управления”. Здесь мы видим сколько изображений нужно оптимизировать (п.1), жмем “Оптимизируйте все”.

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

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

Статистика оптимизации изображений

-5

Также процесс оптимизации мы можем увидеть в блоке “Статистика”. Где можно увидеть:

  • общее количество оптимизированных изображений (п.1)
  • количество изображений оптимизированных плагином (п.2)
  • общая экономия размера изображений (п.3)

Соответственно на рисунке мы видим, что оптимизировано 2114 изображений (п.1), из них 348 (п.2) оптимизировано самим плагином (п.2), следовательно при этом экономия  на изменение размера составила 7 МБ (10,6%). Это значительная оптимизация изображений, поэтому этим плагином нужно пользоваться постоянно.

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

-6

В  настройках, можно настроить автоматическое сжатие изображений (п.1), а также выбрать какие размеры сжимать. Так как в настройках по умолчанию выбраны все форматы изображений (п.2), вы сможете сами решить, оставить все как есть или выбрать только необходимые размеры.

-7

В результате, при загрузке изображения (п.1) на свой хостинг, оно будет автоматически сжиматься плагином WP Smush (п.2), в тоже время, здесь можно также посмотреть статистику сжатия (п.3). Как мы видим плагином сжато 7 изображений (п.2), на 8,9 Кб, то есть на 6%. В результате чего, наша картинка уменьшилась в размере, потому что была автоматически сжата плагином.

-8

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

Оптимизация папки

-9

По умолчанию существует папка “Медиа загрузок” для оптимизации изображений и здесь можно завести свою папку и  проводить  сжатие файлов уже в ней.

Расширенные настройки (платные)

-10

В данном плагине есть платная расширенная версия настроек. Которая позволяет:

  • делать супер-сжатие изображений (п.1)
  • оптимизировать оригинальные полноразмерные изображения (п.2)
  • создавать копии полноразмерных изображений (п.3)
  • авто-конвертировать файлы PNG в JPEG (с уменьшением) (п.4)

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

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

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

Буду рад Вашим вопросам и комментариям.

Успехов Вам!
С уважением Владимир Шишков