Вес страницы сайта влияет на то, через какое время она загрузится в браузере.


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

Возникает вопрос – а как оптимизировать изображения для сайта?

Существует три распространенных способа уменьшить вес изображений:

  • Воспользоваться локальным фоторедактором.
  • Использовать особый веб-сервис.
  • Установить специальный плагин.

Сжатие изображений через Paint.NET

1

Paint является локальным фоторедактором, его скачивание возможно осуществить через сайт https://www.getpaint.net/index.htmlЗагрузка паинта

2

После скачки и установки paint.net наступает фаза открытия фоторедактора и загрузки изображения через “файл – открыть”.

Загрузка изображения в Паинт

3

Следом идет изменение размера картинки через “изображение” – “изменить размер”.

Обязательно ставится галочка “сохранять пропорции”, иначе картинка будет отображаться не совсем корректно. Далее подбирается размер, чем меньше размер, тем меньшим весом обладает картинка. Завершает композицию кнопка “ОК”.

Корректировка размера

4

Наступает сохранение картинки через “файл” – “сохранить как”

Сохранения графического результата

5

Придумывается рандомное название для картинки с jpg – пример: kotik.jpg

Следом выбирается формат jpeg и нажимается “ок”.

Выбор формата и придумывание названия для картинки

6

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

Подбор качества в Паинте

 

Сжатие картинок через сервис Optimizilla

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

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

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

 

Изменение веса картинок с плагином Smush

Smush известнейший плагин для сжатия картинок, находится в админке.

Плагин Smush для массового сжатия

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

После каждых 50 сжатий требуется нажимать на кнопку “продолжить”, чтобы продолжить сжатие картинок. Это опять же особенности бесплатной версии плагина.

Специфические особенности бесплатной версии Smush

 

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