Сжать jpeg-файл до указанного размера в кб, мб или в процентах онлайн

Плагины для оптимизации изображений

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

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

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

Плагин Imagify для оптимизации изображений

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

Изменение размера файлов в Imagify

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

Плагин ShortPixel

Бесплатный плагин ShortPixel Image Optimizer позволяет сжимать 100 изображений в месяц. Он работает с множеством форматов, включая PNG, JPG, GIF, WebP и даже PDF. Он выполняет сжатие изображений с потерями и без потерь. Плагин конвертирует цветовую модель CMYK в RGB. При оптимизации создается резервная копия оригинальных файлов, что позволяет при желании восстановить их вручную. Данный плагин также поддерживает массовую конвертацию файлов.

Optimole

Плагин Optimole

Optimole  автоматически уменьшает размер файлов без вашего участия. При этом он выдает идеальный размер картинки для пользователя.

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

EWWW Image Optimizer Cloud — облачный плагин для оптимизации изображений

EWWW Image Optimizer Cloud- облачный плагин для оптимизации изображений

Плагин EWWW Image Optimizer Cloud оптимизирует изображения и повышает скорость работы сайта. Пользователи EWWW IO могут использовать функцию Bulk Optimizer («массовый оптимизатор»), предназначенную для сжатия имеющихся изображений.

Плагин EWWW IO позволяет конвертировать изображения в форматы нового поколения, такие как WebP или подобрать наилучший формат для изображения. Стоимость сжатия начинается от 0,003 доллара за изображение.

Функция ExactDN позволяет выполнять автоматическое сжатие (без необходимости сжатия на сервере), автоматическое изменение размера и обладает всеми  преимуществами CDN.

Optimus Image Optimizer

Плагин Optimus Image Optimizer

Плагин Optimus WordPress Image Optimizer использует сжатие без потерь. Он поддерживает WooCoomerce и мультисайты, а также включает в себя функцию массовой оптимизации. Плагин также совместим с плагином WP Retina. Если вы совместите плагин Optimus Image Optimizer  с плагином Cache Enabler, то сможете работать с изображениями, сохраненными в формате WebP.

WP Smush

Плагин WP Smush

Плагин WP Smush  сканирует изображения и сжимает их по мере их загрузки на сайт. Он также находит и оптимизирует уже сохраненные рисунки. Он позволяет осуществлять массовое сжатие (до 50 файлов за раз). Плагин поддерживает форматы JPEG, GIF и PNG. Размер исходных файлов ограничен 1 Мб.

  • Плагин совместим с WP All Import и WPML.
  • Оптимизация изображений выполняется с помощью сжатия без потерь.
  • У Smush есть функция автоматической установки ширины и высоты для всех изображений.

Compress JPEG & PNG images

Плагин TinyPNG

Плагин TinyPNG использует сервисы TinyJPG и TinyPNG для оптимизации изображений в форматах JPG и PNG. Для экономии места плагин конвертирует CMYK в RBG. Он сжимает файлы JPEG до 60%, а файлы PNG до 80% без видимой потери качества изображения. У него нет ограничений на размер обрабатываемого файла.

ImageRecycle

ImageRecycle- плагин для оптимизации изображений и PDF-файлов

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

Выбор формата изображения

TL;DR

  • Выберите подходящий стандартный формат: GIF, PNG или JPEG.
  • Попробуйте установить разные настройки для каждого формата (качество, размер палитры и т. д.) и выберите наиболее подходящие.
  • Для современных клиентов добавьте ресурсы в форматах WebP и JPEG XR масштабированные изображения:
  • Масштабирование изображений — один из самых простых и эффективных методов оптимизации.
  • Если вы используете изображения большого размера, пользователь может скачивать лишние данные.
  • Reduce the number of unnecessary pixels by scaling your images to their display size Снизьте количество ненужных пикселей, уменьшив изображение до отображаемого размера.

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

Формат Прозрачность Анимация Браузер
GIF Да Да Все
PNG Да Нет Все
JPEG Нет Нет Все
JPEG XR Да Да IE
WebP Да Да Chrome, Opera, Android

Существуют три стандартных формата изображений: GIF, PNG и JPEG. Кроме них некоторые браузеры поддерживают новые форматы WebP и JPEG XR, для которых доступно большее сжатие и дополнительные возможности. Итак, какой формат выбрать?

  1. Изображение должно быть анимированным? Тогда выбирайте формат GIF.

    Цветовая палитра GIF состоит всего из 256 цветов. Это недостаточно для большинства изображений. Кроме того, формат PNG-8 лучше сжимает изображения с маленькой палитрой. Таким образом, выбирайте GIF, только если вам требуется анимация.

  2. Нужно сохранить все мелкие детали в самом высоком разрешении? Используйте PNG.

    • В формате PNG не применяется сжатие с потерей данных, не считая выбора размера палитры. Благодаря этому изображение сохраняется в самом высоком качестве, но весит гораздо больше, чем файлы других форматов. Используйте этот формат только там, где это необходимо.
    • Если изображение состоит из геометрических фигур, конвертируйте его в векторный (SVG-) формат!
    • Избегайте текста в изображениях. Его нельзя выбрать, найти или увеличить. Если текст необходим для создания дизайна, используйте веб-шрифты.
  3. Вы оптимизируете фотографию, скриншот или изображение похожего типа? Используйте JPEG.

    В JPEG используется комбинация сжатия с потерями и без потерь для уменьшения размера файла. Чтобы выбрать лучшее сочетание качества и размера изображения, попробуйте установить несколько уровней качества JPEG.

Определив подходящий формат и его настройки для всех ресурсов, добавьте дополнительный вариант в WebP и JPEG XR. Это новые форматы, которые пока не поддерживаются во всех браузерах. Однако с их помощью может значительно уменьшить размер файла. Например, WebP сжимает изображение на 30% больше, чем JPEG.

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

  • Некоторые сети доставки контента предоставляют услуги по оптимизации изображений, в том числе предоставление файлов в JPEG XR и WebP.
  • Некоторые инструменты с открытым кодом, например PageSpeed для Apache и Nginx, автоматически производят оптимизацию, преобразование и доставку соответствующих ресурсов.
  • Вы можете добавить дополнительную логику приложения, чтобы определить клиент и его поддерживаемые форматы, а затем отправить оптимальный вариант ресурса.

Обратите внимание, что если вы используете Webview для отрисовки контента в нативное приложении, тогда вы можете полностью управлять клиентом и использовать только WebP. В приложениях Facebook, Google+ и т

д. используются именно WebP-ресурсы, так как они действительно повышают производительность. Чтобы узнать больше об этом формате, посмотрите презентацию WebP: Deploying Faster, Smaller, and More Beautiful Images от Google I/O 2013.

Прописываем мета-данные

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

    Нет     Да   
  • дом_кп_лесное.jpeg
  • img792138.jpeg
  • kupit-dom-nedorogo.jpeg 
  • dom-kp-lesnoe-front.jpeg
  • dom-kp-lesnoe-uchastok.jpeg
  • cottage-kp-lesnoe.jpeg

Поле Title. Когда пользователь наводит курсор на картинку, ему подсвечивается текст, прописанный в поле title. Прописывайте в это поле название фотографии. Пишите на русском.

    Нет      Да   
  • Отдых Подмосковье 
  • Фото378
  • Домик на базе отдыха цена
  • Въезд на базу отдыха «Лесные просторы»
  • Интерьер домика на базе отдыха «Соловьи»   

      

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

TL;DR

  • Растровое изображение — это сетка пикселей.
  • В каждом пикселе закодирована информация о цвете и прозрачности.
  • Чтобы уменьшить размер изображения, компрессоры используют различные методы для снижения количества битов на пиксель.

Растровое изображение — это просто двухмерная сетка отдельных . Например, изображение 100×100 пикселей — это последовательно из 10 000 пикселей. В каждом из пикселей содержатся значения RGBA: красного (R), зеленого (G) и синего (B) канала, а также альфа-канала, или канала прозрачности (A).

Браузер устанавливает 256 значений (оттенков) для каждого канала, которые в пере счете занимают 8 битов на канал (2 ^ 8 = 256) и 4 байта на пиксель (4 канала x 8 бит = 32 бита = 4 байта). Таким образом, зная размеры сетки, мы легко можем вычислить размер файла:

  • Изображение 100 x 100 пикс. состоит из 10 000 пикселей
  • 10 000 пикс. x 4 Б = 40 000 Б
  • 40 000 Б / 1024 = 39 КБ

^

Размер Пиксели Размер файла
100 x 100 10 000 39 КБ
200 x 200 40 000 156 КБ
300 x 300 90 000 351 КБ
500 x 500 250 000 977 КБ
800 x 800 640 000 2500 КБ

Может показаться, что 39 КБ — это совсем немного для изображения размером 100×100 пикселей. Однако при увеличении размера файл будет весить гораздо больше, и на его скачивание придется потратить много времени и ресурсов. Сейчас это изображение не сжато. Что можно сделать, чтобы уменьшить его размер?

Один из простых способов оптимизации изображения — снизить глубину цвета с 8 битов на канал, выбрав палитру меньшего размера. Установив глубину в 8 битов на канал, мы получаем 256 значений для канала и 16 777 216 (2563) цветов. Может, стоит уменьшить палитру до 256 цветов? Тогда нам будет нужно всего 8 бит для всех каналов RGB и только 2 байта на пиксель, а не 4, как раньше. Нам удалось сжать изображения в два раза!

Оптимизировав данные в отдельных пикселях, обратим внимания на соседние пиксели. Оказывается, цвет таких пикселей на многих изображениях, особенно на фотографиях, часто похож. Благодаря этому компрессор может применять дельта-кодирование. Вместо сохранения отдельных значения для каждого пикселя можно указать только разницу между соседними пикселями. Если они одинаковы, то дельта равна нулю, и нам нужно сохранить всего один бит. Но это ещё не все!

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

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

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

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

Растровые изображения состоят из пикселей. Каждый пиксель содержит информацию о цвете и прозрачности в цветовой модели RGBA (red, green, blue, alpha — прозрачность). В браузере 256 оттенков на каждый канал цвета, который в пересчете занимает 8 битов. Каждый пиксель весит: 4 канала х 8 бит = 32 бита или 4 байта. 

Легко рассчитать вес фотографий самостоятельно, зная размер в пикселях. Допустим, изображения имеет размер 50 х 50 пикселей. Это 2 500 пикселей. 

Размер изображения
    Количество пикселей

    Вес файла, КБ
100 х 100     10 000        39   
250 х 250     62 500        244   
500 х 500     250 000        977   
800 х 800     640 000        2500   

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

  • Снижаем глубину цвета. Иногда широкая палитра для отображения цветов не нужна. Если каждый канал имеет 256 оттенков, то мы имеем более 2500 цветов. Ограничьтесь палитрой в 256 цветов всего, тогда на каждый канал будет приходиться 2 бита вместо 8, а пиксель будет весить 2 байта вместо 4. Мы уменьшили вес изображений на сайте в два раза.

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

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

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

Фактический размер
    Отображаемый размер

    Лишний вес, пиксели
210 х 210        200 х 200        210х210 — 200х200 = 4100   
510 х 510        500 х 500        510х510 — 500х500 = 10 100   
910 х 910        900 х 900        910х910 — 900х900 = 18 100   

Плагины для сжатия и оптимизации изображений в WordPress

Плагин WPMU DEV для сжатия и оптимизации изображений в WordPress

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

Настройка Smush Image

Я проверил сжатие, без изменения размеров картинок. Идёт процесс оптимизации всех картинок:

Производится сжатие всех изображений на сайте

Вот полученная статистика:

Статистика по оптимизации фоток на сайте

Далее, я опять проверил сайт на скорость загрузки страниц в PageSpeed Insights. Результат у меня получше, но всё равно в жёлтом цвете. Скорее всего из-за размера картинок, надо посмотреть, какие правильные размеры нужны для сайта. Пока размер фоток менять не буду, пусть пока будет так. Жалко что, в бесплатной версии плагина есть ограничение: максимальный размер файлов для сжатия всего 1 мегабайт и сжатие нескольких изображений только по 50 штук за один раз. Надо на всякий случай попробовать, на этом блоге, другой плагин, например, оптимизатор изображений ShortPixel (ShortPixel Image Optimizer). Про него я уже вам рассказывал. Что можно ещё использовать для своего веб-ресурса?

Оптимизация изображений с плагином EWWW Image Optimizer

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

Сам его пока не проверял, но советуют спецы по вордпресс (Константин Ковшенин), также, как и выше плагин. Плагин на русском языке, активных установок более 500 000, постоянно обновляемый. EWWW Image Optimizer использует optipng, pngquant, jpegtran, и другие бесплатные утилиты для эффективного сжатия изображений в WordPress. Эти утилиты включены в дистрибутив плагина в виде исполняемых файлов и запускаются плагином через функцию PHP exec(), которая у многих хостинг-провайдеров отключена в целях безопасности.

Оптимизация картинок с помощью плагина

Более подробную информацию вы найдёте на wordpress.org по адресу https://wordpress.org/plugins/ewww-image-optimizer/.

Плагин для изменения размера изображений — Resize Image After Upload

Resize Image After Upload автоматически уменьшает размер загруженных изображений в WordPress

Бесплатный и простой в использовании плагин Resize Image After Upload от команды ShortPixel. Resize Image After Upload автоматически уменьшает размер загруженных изображений в WordPress, и сохраняет вместо оригиналов. Это позволяет существенно сэкономить дисковое пространство тем, кто часто использует файлы с цифровых фотоаппаратов, размеры которых достигают 20 мб и больше.

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

Найденные плагины Image Optimizer

А если ключевое слово в поиске поменяете с Image Optimizer на Optimizer Image, то появится другой список подходящих плагинов. Список большой, это у меня на скриншоте влезло маловато.

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

Размер изображения в пикселях и его «вес» в килобайтах

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

Однако, и сейчас, неправильным будет заставлять пользователя грузить к себе картинки весом по 500-1000 Кб, т.к. для пользователей мобильного интернета, это — потерянные секунды и рубли.

«Вес» картинки тесно (но не линейно) связан с ее размером в пикселях, а также со степенью ее сжатия.

 Автоматическая постановка водяного знака на все фото Вашего сайта. Далее

Оттолкнувшись от средней ширины текстовой страницы сайта в 700-1000 пкс и предположив, что картинки будут занимать на этой странице не более 2\3 ширины, мы получим, что максимальная ширина картинки не должна превышать 400-600 пкс, ( кроме тех случаев, когда мы собираемся разместить картинку во всю ширину страницы.

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

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

2.2 Оптимальный «вес», в килобайтах, изображения для сайта

Предположим, мы уже уменьшили размер изображения для сайта в каком-либо графическом редакторе до 400-600 пкс по ширине. Следующим шагом будет уменьшение веса изображения. Потому что разница в весе изображений, сохраненных в 100% jpeg ( без сжатия) и в 50% jpeg, может быть «в разы».

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

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

Например, для фотографии шириной 400пкс, оптимальный вес для сайта будет 35 – 70 Кб. Разумеется, чем больше вес картинок, тем дольше будет грузиться страница сайта. Поисковые системы также, при прочих равных, дадут более низкую оценку тяжелым страницам.

Атрибут Title

Важный атрибут для SEO. В Title размещается информация, которая будет появляться а экране при неведении курсора мыши на картинку.

— Для корпоративных сайтов

Верный вариант:

title=»кроссовки adidas синие» title=»кроссовки adidas All-Starкрасные модель 95″ title =”кроссовки adidas синие вид сбоку”

Неверный вариант:

— Спам:

title=» кроссовки adidas синие купить дешево» title=» кроссовки adidas синие, серые, черные , фото, цена, отзывы»

— Малоинформативный:

title=»куртка» title=» одежда» title=»фото сумок»

— Неинформативный:

title=»546321″ title=»приобрести»

— Для сайтов-визиток

Верный вариант:

title=»Новодевичий монастырь днем» title=»Новодевичий монастырь днем снаружи» title=»Новодевичий монастырь летом» title=»Новодевичий монастырь 07.09.2018″

Неправильный вариант:

— Спам:

title=»Новодевичий монастырь смотреть картинки»

— Малоинформативный или шаблонный:

title=»Москва» title=»монастырь»

— Неинформативный:

title=»88521435″ title=»экскурсия»

FastStone Image Viewer

FastStone Image Viewer — программа для просмотра, редактирования и конвертирования фотографий и графических изображений. С помощью утилиты можно изменить размеры картинки, удалить лишние фрагменты и водяные знаки, уменьшить размер без серьезной потери качества. Приложение в работает со всеми популярными форматами файлов: jpeg, png, bmp, gif, pcx и т.д.

Программа полностью совместима с операционной системой Windows XP и новее (32 и 64 бит). Для установки досутпна полностью русская версия ПО. Модель распространения редактора изображений FastStone Image Viewer — бесплатная.

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

Все файлы, которые расположены в выбранной папке, отобразятся в окне справа. Чтобы выполнить сжатие фотографии с минимальными потерями качества, необходимо выбрать нужный файл из списка и нажать правой кнопкой мыши. В открывшемся меню следует перейти в раздел «Сервис» — «Пакетное преобразование».

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

Также можно изменить имя файла. Следующий этап — установка параметров для выходного файла. Для этого необходимо выбрать инструмент «Установки». В открывшемся окне нужно выбрать качество, установить фотометрию, субдискретизацию цвета, сглаживание. По завершению всех установок необходимо нажать «ОК».

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

Преимущества FastStone Image Viewer:

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

Недостатки:

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

Давыдовы

Джордж Доу. Портрет Дениса Давыдова. 1822–1828. Государственный Эрмитаж

Василий Верещагин. Не замай! Дай подойти. 1887–1895. Государственный исторический музей

Павел Яковлев. Портрет Софьи Давыдовой. 1820-е. Музей-заповедник «Усадьба «Мураново» им. Ф.И. Тютчева»

Для Дениса Давыдова, самого знаменитого из русских гусар, Бородино было не просто полем битвы перед Москвой. С 1768 года деревня Бородино принадлежала его семье: сначала деду, потом отцу. Здесь поэт вырос. Накануне битвы он лежал в кустах и смотрел, как здания родного имения разбирают на биваки и костры. На портрете Доу бравый воин изображен в гусарской форме — хотя подвиги, которые его прославили, он совершал в крестьянской одежде, возглавляя партизанский отряд.

Женой гусара была Софья Николаевна, урожденная Чиркова, в которую в юности он был сильно влюблен. Она родила ему 9 или 11 детей, став одной из самых многодетных жен русских писателей. Впрочем, их семейное счастье иногда омрачалось сердечными увлечениями ветреного поэта.

Оптимизация изображений WordPress с помощью Robin Image Optimizer

Существует 2 варианта использования Robin image optimizer. В качестве многофункционального плагина Clearfy. Либо если вам нужна только одна функция по оптимизации изображений, мы можем предложить воспользоваться отдельным плагином Robin image optimizer (аддон Clearfy)

Clearfy. Установка плагина с функциями оптимизации изображений:

    1. Скачайте и установите Clearfy на сайте https://ru.clearfy.pro/
    2. Активируйте плагин.

Затем в разделе “Плагины” вы увидите уведомление с предложением установить Robin image optimizer. Нажмите на кнопку Установить=>Включить

Зайдите в Настройки=>Clearfy меню

Затем перейдите в раздел “Оптимизация изображений”. Это и будет вашей рабочей зоной

Robin image optimizer. Плагин является отдельным и самостоятельным аддоном к плагину Clearfy. Его можно найти в репозитории WordPress. Установка:

  1. Заходим в список плагинов=>Добавить новый, затем выбираем и скачиваем Robin image optimizer=>Активировать
  2. Далее заходим в раздел Настройки=>Robin image optimizer

Рабочая зона плагина Robin Image Optimizer.

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

Оптимизировать все изображения на стартовой странице плагина Clearfy можно с помощью кнопки “Запустить”.

или в разделе Image Optimizer в навигационном меню Clearfy.

Если на вашем сайте нет изображений более 4 мегабайт, то можете смело нажать “Запустить”, чтобы оптимизировать все изображения. В ином случае вам нужно включить опцию “Изменение размера больших изображений” в разделе Image Optimizer в основных настройках. После нажатия кнопки ВКЛ.

Если вас не устроило по каким-то причинам качество оптимизированных изображений, вы всегда можете восстановить оригинальные изображения из резервной копии в разделе Image Optimizer — Основные настройки:

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

  1. Автоматическая оптимизация изображений WordPress при загрузке, расположена в том же разделе Image optimizer — Основные настройки.
  2. Кнопка включить оптимизацию по расписанию, расположена в том же разделе Image optimizer — Основные настройки. В данном случае, оптимизация изображений будет происходить через выбранный в настройках, интервал времени. Такой сценарий может быть полезен для сильнонагруженных сайтов, где загрузка изображений происходит в большом количестве в определенные периоды времени. И чтобы в эти периоды снизить нагрузку на сайт, можно включить именно оптимизацию по расписанию.
  3. Оптимизация каждого изображения в отдельности. В случае если на вашем сайте достаточно мало изображений, и вы решили не оптимизировать все имеющиеся изображения на сайте, хранящиеся в библиотеке медиафайлов, то можно оптимизировать каждое изображение в отдельности, с помощью кнопки “Оптимизировать”. Она находится в блоке справа при открытии изображения в библиотеке медиафайлов сайта:

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

Ссылка на основную публикацию