WordPress как оптимизировать картинки


Оглавление (нажмите, чтобы открыть):

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

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

Что такое оптимизация изображений и для чего она нужна?

Оптимизация картинок на сайте нужна в первую очередь для повышения скорости работы ресурса. Если изображения много весят и загружаются медленно, посетитель может не дождаться загрузки и покинуть сайт. Тем самым увеличится показатель отказов, а вы потеряете своего читателя. Поисковые системы такие ресурсы понижают в выдаче. Вот тут можно проверить скорость загрузки страниц вашего сайта — https://developers.google.com/speed/pagespeed/insights . Или здесь — https://tools.pingdom.com .

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

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

Кроме сжатия изображений, стоит также уделить внимание seo-оптимизации. Для этого необходимо указывать alt картинок (title можно оставлять пустым, либо дублировать alt). Общие правила использования:

  • Alt состоит из 3-5 слов, но не более 250 символов;
  • Использование ключевых запросов для продвижения;
  • Не вставлять в один alt более одной ключевой фразы (не спамить);
  • Текстовое описание картинки должно соответствовать изображению.

Соблюдая эти простые рекомендации, ваш сайт сможет участвовать в поиске по картинкам в Яндексе и Google. А это – неплохой источник дополнительного трафика.

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

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

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

В среднем оптимизированная картинка для статьи блога весит не больше 50 Кб. Размер изображения по ширине составляет 400-800 px, но не больше контентной области сайта.

Стоит отметить, что WordPress во время добавления изображений автоматически создает 3 дополнительных размера вашей картинки. В итоге мы получаем Original, Large, Medium и Thumbnail size.

Различные размеры изображений используются для миниатюр к статьям, анонсов и т.д. Однако, если вы хотите, чтобы загружался только один вариант картинки, проставьте в полях Width/Height в данных настройках нули (Настройки – Медиафайлы).

Перейдем к рассмотрению способов сжатия изображений без потери качества для web.

Программа пакетной обработки картинок XnView

Такая программа, как Photoshop слишком массивна для наших целей и требует определенных профессиональных навыков для работы.

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

А вот программа XnView для этих целей как нельзя кстати. Она используется для работы с изображениями различных форматов от самых распространенных png, gif, img, tif, bmp, pdf, jpeg, до более специальных. В ней есть функции добавления текста и водяных знаков на изображение, изменения цвета, отражения, поворота, обрезки, добавления даты на снимок и многое другое. Среди прочих и изменение размера изображения, как одного, так и целого пакета.

Рассмотрим пакетную обработку картинок в XnView. Загружаем, устанавливаем и запускаем программу. Выбираем в правой панели папку с картинками, которые нужно обработать.

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

Теперь в появившемся окне нам нужно обратить внимание на пункт «Папка» и «Формат».

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

Далее в строке «Формат» выбираем для нашего случая jpg и нажимаем «Опции», где можно установить качество полученной картинки по шкале от 0 до 100. Это отобразится и на итоговом весе изображений. Оставляем пока 80.

Переходим на вкладку «Преобразования». Находим в списке «Изменить размер» и нажимаем «Добавить». Ниже появится поле для установки размера, выбираем из раскрывающегося списка справа вариант 640×480. Оставляем галочку «Сохранять пропорции» и убираем «Поменять высоту с шириной». И жмем «Выполнить».

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

Какие мы видим изменения:

  1. все png файлы превратились в jpg;
  2. вес каждой картинки в пределах 55 Кб;
  3. размер картинок изменился: 640 по ширине (там, где картинки были больше) и пропорциональная высота).

Теперь посмотрим на качество измененных картинок. Вот так выглядит картинка без приближения (кликните на нее, чтоб посмотреть):

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

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

Таким образом мы получили папку из 29 файлов весом 1,2 Мб против изначальных 7 Мб. Но, как правило, разрыв в весе гораздо больше.

Среди бесплатных программ по сжатию картинок для сайта, также можно использовать:

  • FILEminimizer Pictures – работает с JPG, BMP, GIF, TIFF, PNG, EMF;
  • FileOptimizer – работает с огромным количеством форматов, сжимает без потери качества;
  • Caesium – сжимает png, jpg, bmp.

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

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

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

Первый их них, это EWWW Image Optimizer. Это плагин для автоматического сжатия изображений при загрузке на WordPress-блог файлов формата jpg, png, gif, pdf без потери качества (lossless). Функционирует плагин с помощью утилит jpegtran, optipng, pngout, и gifsicle для работы с различными типами файлов соответственно. Интерфейс данного плагина интуитивно понятный, но могут возникнуть сложности в настройке. Для того, чтобы разобраться чего не хватает для правильной работы откройте вкладку «Статус плагина» после установки.

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

Следующий плагин — WP Smush.it. О нем упоминалось в статье про ускорение работы сайта. Добавлю, что этот плагин считается одним из лучших для автоматического сжатия, обрезки и оптимизации картинок для сайта на WordPress. Об это свидетельствует большое количество установок. Вот короткое видео от создателей:

Еще один плагин для работы с изображения – Imsanity. Он использует встроенные функции WordPress для масштабирования изображений. С его помощью возможна конвертация из bmp в jpg формат. При заливке чересчур больших картинок (лимиты вы указываете в настройках), например, сразу с фотоаппарата, плагин автоматически его заменяет на сервере ужатой копией. Т.е. 4 Мб будут преобразованы в 300-400 Кб. Хороший вариант для тех, кто часто оперирует подобным контентом.

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

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

Вступление

Здравствуйте! Уже давно не стоит вопрос, что нужно оптимизировать на сайте для «поисковой любви», а что может и так сойти. Действительность такова, что оптимизировать нужно всё (общие советы по оптимизации сайта). Причем одно цепляется за другое и все сотни правил индексации и ранжирования, работающие в поисковых алгоритмах, давно переплелись в единый клубок. Например, фотографии на сайте нужно оптимизировать обязательно.

Три части оптимизации изображений WordPress

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

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

  • Оптимизация до добавления фото на сайт;
  • Оптимизация при добавлении фото в статью;
  • Массовая оптимизация фото на сайте без выгрузки.

Оптимизация изображений WordPress (SEO) при вставки в статью, анкоры изображений

При добавлении изображения на любой сайт, можно задать: анкор фотографии (анкор ссылки фотографии), её описание, заголовок и размер. Для поисковиков особое значение имеет анкор. Анкор фотографии задается атрибутом alt.

Полная HTML структура добавления фото в wordpress, выглядит так.

Без подписи фото:

С подписью фото:

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

Атрибуты добавляются в режимах «Добавить медиафайл» или в режиме «Редактировать фото».

Правила для анкора фотографии

  • Атрибут alt (анкор) для изображения должен быть уникальным.
  • В статье, желательно, чтобы один анкор фотографии (атрибут alt) должен включать прямой ключ (ключевую фразу) статьи.
  • Если хотите сгенерировать анкоры автоматом, идем на Majento.ru (Majento взят примера и не претендует на уникальность) в генератор анкоров.

Вывод 1

В системе WordPress полностью решен вопрос с оптимизацией кода изображений. При желании можно в визуальном режиме заполнить все необходимые атрибуты изображения важные для её оптимизации, а система сама поставит размер фото в тегах:

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

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

На помощь в этом вопросе придут программы по уменьшению размера файлов изображений. Здесь несколько правил:

  • Наиболее легкие фотографии в расширении jpeg.
  • Формат png и скриншоты в pnp самые тяжелые.

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

  • Стандартный инструмент Microsoft Office (отличное сжатие при изменении размера до 448x);

оптимизация изображений WordPress программой Microsoft Office 2010

  • Отличная программа Fast Stone Image Viewer (http://www.faststone.org/). Это отличный редактор с возможностью хорошего группового сжатия и изменения формата фото;

оптимизация изображений WordPress программой FastStone

  • Программа Caesium (https://saerasoft.com/caesium/). Это бесплатная программа, с отличным одиночным или групповым сжатием фотографий в формате jpeg.

оптимизация изображений WordPress программой Caesium

  • Рекомендую программу FileOptimizer (sourceforge.net/projects/nikkhokkho/files/latest/download). в отличие от Ceasium эта программа на Windows сожмет любые форматы картинок.

Вывод 2

Сжимать фотографии нужно до добавления на сайт WordPress.

Массовая оптимизация изображений Вордпресс

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

Для оптимизации фотографий уже помещенных в медиабиблиотеку WordPress используем плагин: EWWW Image Optimizer (протестирован на версии 4.4.2.). Плагин простой, но рабочий периодически обновляется. Плагин Cloud (2) позволяет оптимизировать фотографии с использованием облачных технологий и сжимает фото, без смены формата. Этот плагин платный, 0,005 $ за фото до 1000 фото.

Устанавливаете плагин стандартно, можно из панели WordPress на вкладке Плагины→Добавить новый→Поиск по имени.

После активации плагина он готов к работе, но можно пройтись по настройкам (Настройки→ EWWW Image Optimizer) Настройки на русском, опасные настройки выделены словом «Внимание!». Кстати, есть функция переформатирование фотографий из png и gif в jpeg. После настроек открываем страницу плагина и запускаем процесс оптимизации.

Через некоторое время, смотрим результаты сжатия фотографий. Отмечу, что я всегда сжимаю фото до сайта, однако плагин EWWW Image Optimizer умудряется «выжать» из каждой фото, от 5% до 20 %.

Вывод 3

WordPress, при помощи дополнительного плагина (плагинов), позволяет оптимизировать фотографии всей медиабиблиотеки сайта, в любой момент.

Общие выводы и советы

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

  • Старайтесь выбирать векторные форматы изображений. Их качество не зависит от разрешения и размеров, из-за этого они отлично смотреться на больших мониторах и разных устройствах.
  • Для SVG-ресурсов: сжимайте их, удаляете XML-разметку, проверьте настройку GZIP сжатие для SVG файлов.
  • Для растровых фото: выберете свой масштаб и свой формат для растровых фото, избегайте GIF, сжимайте фото перед добавлением на сайт (63 Приложения для обработки фото без потери качества: здесь), не бойтесь снижать качество фото, уменьшайте по мере возможности цвет (оптимально 256 цветов), удаляйте ненужные метаданные (EXIF).
  • Освободите браузер от необходимости масштабировать фото, для этого либо уменьшайте фото-файлы до вставки на сайт, либо используете плагины типа lightbox или эффект lightbox без плагина. Если большие картинки будет масштабировать браузер, производительность сайта значительно снизится.
  • Автоматизируйте работу с фото с помощью тематических постоянно обновляемых плагинов.

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

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

12 марта 2020 года. Опубликовано в разделах: Внеклассное чтение. 1749

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

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

Но далеко не все пользователи умеют или хотят работать со специальными программами-редакторами: во-первых, необходимо учиться правильной обработке, во-вторых, весь процесс занимает довольно много времени. В этом случае можно использовать плагины изображений WordPress, при помощи которых можно выполнить весь объем работы в кратчайшее время. Они автоматически оптимизируют картинки, подгоняя их под необходимые параметры.

Что такое плагины оптимизации изображений WordPress

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

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

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

Плагины слайдеры

Найти хороший инструмент для создания слайдера очень сложно. Он представляет собой участок дизайна страницы, на котором происходит автоматическая смена фотографий, и используется по нескольким причинам: во-первых, данные элементы визуально привлекательны и способны повышать интерес посетителей к контенту; во-вторых, можно экономить место, поскольку один такой блок может вмещать в себя сразу несколько анонсов. Как правило, слайдеры – это программный код, а для его создания необходимо разбираться в языках программирования. Но существует и более простой вариант – платная или бесплатная установка специальных плагинов. На сегодняшний день в магазине Вордпресс их насчитывается более 700 штук. Среди наиболее известных и востребованных можно отметить:

  1. Meta Slider. На сегодняшний день это один из самых популярных инструментов. Общее количество загрузок в официальном магазине Вордпресс составляет два миллиона. Он представлен сразу четырьмя библиотеками для браузеров на персональных компьютерах. Создавать собственные слайды здесь довольно легко: достаточно загрузить картинку, выбрать одну из доступных библиотек, будь то Nivo Slider, Coin, Flex 2 или Responsive. Основной функционал Meta Slider предоставляется бесплатно, однако есть и платные функции.
  2. Easing Slider. Он не требует много места и позволяет настраивать не только размер, но и продолжительность показа с возможностью создания интерактивного слайд-шоу. В отличие от Meta Slider, здесь можно создавать только один вариант отображения.
  3. Smooth Slider. Его можно разместить абсолютно в любом месте веб-ресурса. Smooth обладает функциями адаптивного дизайна, то есть может легко подстраиваться под правильное отображение на различных устройствах, будь то компьютер, планшет или мобильное устройство. Также здесь существует выбор сразу шести версий перехода. В связи с постоянными обновлениями, он часто может работать некорректно.
  4. vSlider Multi Image Slider. В отличие от предыдущих вариантов, плагин дает возможность настраивать неограниченное количество слайдеров. Чтобы научиться правильно его использовать, веб-мастер может ознакомиться с видеоинструкцией, либо воспользоваться специальным форумом.
Мастер Йода рекомендует:  Задачи умеренной сложности — Страница 2 из 2 — всё по этой теме для программистов

Плагины для увеличения фото WordPress

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

  1. WP Lightbox 2. Это простой и в то же время эффективный инструмент для всплывающих окон. Он не занимает много места, однако, согласно отзывам, может работать с некоторыми дефектами. Например, может не реагировать на нажатие или долго грузиться. WP Lightbox 2 обладает адаптивным дизайном, возможностью сглаживать углы и регулировать размер картинок.
  2. Lightbox Bank. Он может работать как на ПК, так и на смартфонах. При этом наделен сенсорной навигацией. Стоит отметить, что Lightbox Bank один из немногих плагинов, отличающийся довольно привлекательным оформлением.
  3. Simple Colorbox. Отлично подходит для тех, кто только создал собственный блог и еще не разобрался в принципах работы. Simple Colorbox максимально упрощает задачи веб-мастера, поскольку полностью исключает какие-либо настройки – достаточно установить и активировать.
  4. Simple Lightbox. Это также простой плагин увеличения изображения в Вордпресс с несколькими темами оформления, которые различаются оттенками: темная и светлая. У него отсутствуют дополнительные настройки, а использовать его так же легко, как и Simple Colorbox.

Плагины фотогалереи для WordPress

  1. NextGEN Gallery. Это самое распространенное решение для фотогалереи одним миллионом активных установок. Помощью NextGEN Gallery можно добавлять и просматривать галереи, импортировать meta tags, а также проводить различные виды работ с фотографиями по добавлению, удалению, сортировке и так далее – здесь нет никаких ограничений. Существует несколько версий – бесплатная и по подписке. Во втором случае за покупку полной версии пользователь получает доступ к дополнительным функциям.
  2. Photo Gallery. Простой и в то же время эффективный инструмент, наделенный огромным количеством бесплатных функций. С его помощью можно загружать фотографии из видеохостингов, будь то Vimeo или YouTube. Но при этом пользователь может проявить фантазию при формировании галереи, выбирая формат на собственное усмотрение: миниатюры, слайды и т. д. Photo Gallery обладает адаптивным дизайном и может корректно работать на различных платформах. Также существует платная версия, позволяющая: во-первых, интегрировать работу с популярными социальными сетями, во-вторых, совмещать фото- и видеоматериалы.
  3. Gmedia Photo Gallery. Плагин фотогалереи для WordPress дает возможность работать с визуальным контентом разными способами: от его загрузки и импорта медиафайлов, до формирования слайд-шоу и добавления подробных описаний. Данное решение окажется лучшим, если пользователю необходимо разместить на сайте свои лучшие изображения. Главной особенностью Gmedia Gallery является возможность работы со всеми мобильными операционными системами.
  4. Lazy Loader. Это уникальное решение. Оно дает возможность загружать большое количество изображений без потери скорости загрузки веб-страниц. Принцип работы Lazy Loader следующий: когда пользователь заходит на сайт, модуль игнорирует фотографии до тех пор, пока тот не приступит к их просмотру (это определяется прокручиванием ленты).Lazy Loader играет важную роль в формировании позиций при ранжировании в поисковых системах, продвигая веб-страницы на верхние позиции поисковой выдачи.

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

EWWW Image Optimizer – лучшее решение для сжатия картинок без потери качества. Он пользуется большим спросом, а общее количество установок уже достигло 700 тысяч. Его популярность объясняется тем, что это единственный плагин, осуществляющий сжатие файлов непосредственно на сервер веб-мастера. Несмотря на то, что основные функции в EWWW Image Optimizer предоставляются бесплатно, однако есть ситуации, требующие внесения денежной платы. Альтернативой является плагин сжатия изображений WordPress TinyPNG. С его помощью можно оптимизировать до пятисот картинок ежемесячно.

Зачем нужны плагины

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

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

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

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

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

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


SEO оптимизация изображений в WordPress

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

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

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

Как изображения улучшают ваши записи

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

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

Например, вы можете написать пост под названием «лучшие SEO плагины для WordPress», и сопроводить его фото гамбургера, но Google даже не обратит внимания на такое несоответствие. Для того, чтоб поисковые машины знали, что показывают ваши изображения, вам нужно рассказать о них, добавив названия и описания, используя соответствующие теги.

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

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

Итак, есть четыре главных поля, которые нам интересны, вот они:

  • Заголовок;
  • Подпись;
  • Атрибут Alt;
  • Описание

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

Следующее поле – это «Подпись». Текст, введенный сюда, будет отражаться в записи или на странице, прямо под изображением.

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

Атрибут Alt или альтернативное текстовое поле – это самое важное, что здесь присутствует, и оно совершенно незаменимо в деле оптимизации изображений. Этот текст – еще одна возможность рассказать об изображении. На этот раз описание будет использовано поисковиками для идентификации присутствующих изображений. Так же эти описания увидят пользователи, отключившие показ изображений, в том случае если сайт просматривается на экране мобильного устройства или при низкой скорости соединения с Интернетом.

Пожалуй, важнее всего то, что люди с ослабленным зрением, использующие специальные программы для чтения с экрана, смогут «услышать» этот текст и понять, что изображено на картинке. Данный текст может быть более сумбурным, чем заголовок, к тому же здесь есть, где развернуться – все равно, что написать еще одну маленькую статью.

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

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

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

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

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

Как устроено SEO оптимизированное изображение

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

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

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

Автоматизация процесса

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

Плагин, который называется SEO Friendly Images, автоматически добавляет атрибуты alt и title к вашим изображениям, и теги, если их нет, используя атрибуты записи или названия графических файлов.

Плагин легко настроить таким образом, чтоб он автоматически добавлял теги alt и title, используя заголовок записи, название графического файла, категорию записи или теги записи. SEO Friendly Images дает доступ ко множеству опций для заполнения всех полей, без вмешательства пользователя.

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

Послесловие

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

Плагин оптимизации изображений для WordPress – Robin image

До сих пор я использовала плагин оптимизации изображений для WordPress — Smush. И рекомендовала его всем своим клиентам и подписчикам. Но с некоторых пор он стал платным и в бесплатном варианте создатели его очень минимизировали.

Поэтому решила найти современный, функциональный плагин, что бы заменить Smush. И совершенно случайно (хотя ничего случайного в этом мире не бывает), работая с бесплатной версией Clearfy, познакомилась с плагином Robin image. И мне он очень понравился.

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

Результаты работы плагина

    Установка и настройка плагинаУстановка плагина стандартная. Сам плагин есть в библиотеке WordPress. Поэтому просто вводите в строку поиска правильное его название — Webcraftic Robin image optimizer. И загружаете на свой сайт плагин оптимизации

» data-medium-file=»https://i2.wp.com/altacademic.ru/wp-content/uploads/2020/09/plagin-optimizatsii.png?fit=300%2C147&ssl=1″ data-large-file=»https://i2.wp.com/altacademic.ru/wp-content/uploads/2020/09/plagin-optimizatsii.png?fit=1024%2C501&ssl=1″ />
Настройки плагинаСам плагин найдете в опции консоли блога — Настройки. Когда откроете его, то увидите всего две вкладки: Основные и Основные настройки.Вкладка основные покажет вам информацию об оптимизации вашего сайта на момент установки плагина. Вы увидите, что оптимизация еще не была проведена — все по «нолям». И предупреждение, что изображения не должны превышать 5 мб. оптимизация изображений1

» data-medium-file=»https://i1.wp.com/altacademic.ru/wp-content/uploads/2020/09/optimizatsiya-izobrazheniy5.png?fit=300%2C256&ssl=1″ data-large-file=»https://i1.wp.com/altacademic.ru/wp-content/uploads/2020/09/optimizatsiya-izobrazheniy5.png?fit=374%2C319&ssl=1″ />Внимательно прочитайте — и примите к сведению при настройке. Смело используйте опции помеченные зелеными метками. Серые метки просят об осторожности. Красные — могут навредить. Поэтому, прежде чем включать какую-либо настройку, подведите курсор к знаку вопроса и внимательно прочитайте информацию.

Приступаем к основным настройкам.

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

Режим сжатия — оставила нормальный.

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

Оптимизация
Оптимизация по расписанию

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

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

Еще больше об инструментах можно узнать, подписавшись на рассылку — «Инструменты в помощь начинающему блогеру»

Ну что же, удачной Вам работы! Будут вопросы или пожелания, пишите в комментариях. Если информация была для Вас полезной — делитесь ей со своими друзьями в социальных сетях

WordPress.org

Русский

Smush — Сжатие и оптимизация изображений

Описание

Resize, optimize, optimise and compress all of your images with the incredibly powerful and 100% free WordPress image smusher, brought to you by the superteam at WPMU DEV!

Вы называете это сжатием, а я — оптимизацией… давайте разберёмся с этим �� )

Награждённый оптимизатор изображений

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

  • Сжатие без потерь — Удаляйте ненужные данные без влияния на качество изображений
  • Отложенная загрузка — Включите асинхронную загрузку изображений при помощи одного щелчка переключателя.
  • Массовая оптимизация — Оптимизируйте до 50 изображений в один клик
  • Уменьшение изображений — Установите максимальную ширину и высоту, и большие изображение будут уменьшены во время оптимизации.
  • Обнаружение изображений неправильного размера — Быстро находите изображения которые замедляют ваш сайт
  • Оптимизация каталогов — Оптимизируйте изображения, даже если они находятся не в библиотеки файлов
  • Автоматическая оптимизация — Асинхронно автоматически оптимизируйте изображения для супер-быстрого сжатия при загрузке
  • Бесплатно и без ограничений — Оптимизируйте все изображения размером до 5МБ когда угодно (нет дневных, месячных или годовых ограничений)
  • Интеграция с блоками Gutenberg — Просматривайте статистику Smush прямо в блоках с изображениями
  • Совместимость с мультисайтами — Как глобальные так индивидуальные настройки для мультисайта
  • Обработка всех файлов — Smush обработает файлы форматов PNG, JPEG и GIF для оптимальных результатов
  • Супер сервера — Оптимизируйте изображения без замедления, используя быстрый и надёжный Smush API от WPMU DEV
  • И многие другие!

Сохранить качество изображения

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

Мастер Йода рекомендует:  Как изменить подчеркивание ссылок на веб-странице

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

Сжимает изображения из любых директорий

Помимо оптимизации вашей библиотеки файлов, вам также может понадобиться сжать изображения, которые хранятся в других каталогах. Smush позволяет вам проводить оптимизацию любых директорий, так что вы можете оптимизировать все изображения на вашем сайте – включая изображения из NextGEN, изображения сохранённые на Amazon S3 с использованием WP Offload Media, а также изображения из любого плагина или темы WordPress!

Compatible with Your Favorite Themes, Builders and Media Library Plugins

No matter what theme or plugins you use to better manage your WordPress media library, Smush has you covered. Check out just a few of the popular products Smush is working with to help make your site faster and more efficient:

Обнаружение изображений неправильного размера

Smush now includes a wrong size image finder. Activate and your images will be highlighted with smart tips for scaling your images. Quickly locate the images that are keeping you from getting that perfect 100 on your Google PageSpeed test.

Применить отсроченную загрузку закадровых изображений

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

“Я даже не догадывался, что время загрузки моей страницы было снижено из-за изображений. Этот плагин почти вдове уменьшил время загрузки” — karlcw

“Я оптимизировала мои фотографии в Photoshop, но Smush сделал это процесс таким простым — он выполняет это автоматически. Я могу просто сидеть и наслаждаться скоростью.” — helen432

“Smush помог мне уменьшить общий размер файлов на моём сайте и увеличить скорость просмотра. Отличная работа, ребята!” — pdci

Как на счёт мультисайтов?

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

Smush очень лёгок в использовании – никаких сложный настроек программного обеспечения для сжатия! Оптимизируйте изображения в своей библиотеке по одному, или массово оптимизируйте по 50 изображений за раз. А также, настройте автоматическую оптимизацию, чтобы асинхронно уменьшать и сжимать некоторый, или все загружаемые изображения – это невероятно быстро.

Чем быстрее загружается ваш сайт, тем больше Google, Bing, Yahoo и другие поисковые системы симпатизируют ему. Ваш сайт будет загружаться быстрее и его рейтинг будет выше.

Рекомендуемые плагины

  • Hummingbird — Оптимизация скорости загрузки страниц
  • Hustle — Всплывающие и выдвигающиеся окна, e-mail подписки.
  • SmartCrawl — SEO Оптимизатор
  • Defender — Безопасность, мониторинг и защита от хакерских атак

Smush может удовлетворить все ваши потребности по оптимизации изображений, бесплатно!

However, if you’d like Super Smush lossy compression, fast CDN image delivery, WebP conversion, automatic resizing, the ability to optimize images up to 32MB, bulk smush optimization for all your images in just one-click, auto-convert PNG to JPEG, the ability to Smush and make a copy of your full-sized images (to restore them at any point) you can always take the next step with WP Smush Pro along with her whole team of WordPress optimization hero friends (security, SEO, performance, support and maintenance automation) for unlimited sites – perfect for agencies and freelancers offering site maintenance services.

Конфиденциальность

Smush не взаимодействует с конечными пользователями на вашем веб-сайте. Единственная функция ввода данных в Smush, это подписка на новостную рассылку для администраторов сайта.

Smush использует сторонний email сервис (Drip) для рассылки информационных электронных писем администраторам сайта (по подписке). Email адрес администратора отправляется в Drip и этот сервис устанавливает cookie. Drip использует только информацию администраторов.

Smush отправляет изображения на сервера WPMU DEV, чтобы оптимизировать их для веб-сайтов. Это также включает передачу EXIF данных. EXIF данные будут либо удалены, либо возвращены как есть. Они не хранятся на серверах WPMU DEV.

Про нас

WPMU DEV это премиальный поставщик качественных плагинов, услуг и поддержки для WordPress. Узнайте больше здесь:
https://premium.wpmudev.org/

Не забывайте оставаться в курсе всего, что связано с WordPress с помощью интернет-ресурса номер один:
WPMU DEV Блог

Эй, и ещё кое-что… мы надеемся что вам нравится использовать наши бесплатные предложения также, как нам нравится создавать их для вас!

Контакты и благодарности

Изначально разработан Алексом Дунае на Dialect (dialect.ca, e-mail ‘alex’ собачка ‘dialect dot ca’), 2008-11.

Скриншоты

  • Simple to get started with the Smush set up wizard.
  • Наблюдайте за тем, как обрабатывается ваша библиотека файлов – до 50 изображений за один раз.
  • Включите автоматическую оптимизацию, чтобы уменьшать и оптимизировать все изображения во время загрузки на сайт.
  • Smush найдёт и оптимизирует изображения для вас.

Часто задаваемые вопросы

This means your images were not properly scaled for where they are being displayed. Scaling images before uploading them can be time consuming but can save space and speedup load time. First, determine what size your image needs to be. You can use the built-in images size detector included in the free version of Smush to find what height and width your image should be. Once you know how large the image should be, scale your images to the right size.

Совет: Если у вас возникли проблемы, или вы хотите сэкономить время, функция CDN в Smush Pro включает автоматическое изменение размера.

Smush удаляет или заменяет мои оригинальный полноразмерные изображения?

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

Какой тип файлов я должен использовать для моих изображений (GIF, PNG, JPG)?

Файлы GIF большие и их не возможно хорошо оптимизировать. Они должны использоваться только в случае если изображение имеет анимацию.

PNG является лучшим форматом для графики созданной компьютером (векторы, логотипы, шрифты, и т.д.), изображений всего с несколькими цветами или с прозрачностью.

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

Tip: The Smush Pro CDN includes WebP compression — sharper images that are 25 to 30 percent smaller than JPEG and PNG files.

I’m a photographer can I keep all my EXIF data?

Да! EXIF данные хранят в файлах изображений информацию о настройках камеры, фокусном расстоянии, дате, времени и местоположении. Эти данные делают файлы изображений больше, но если вы являетесь фотографом, вы можете захотеть сохранить эту информацию. Мы включили в Smush опцию для сохранения EXIF данных изображений.

I just ran bulk smush and some of my images didn’t get compressed?

Сначала, проверьте, не получаете ли вы какие-либо сообщение об ошибках сервера. Если ваши изображения обрабатываются правильно, проверьте размеры файлов изображений, которые не были оптимизированы. Изображения с размером более 5МБ будут пропущены. Чтобы сжимать изображения с размером до 32МБ, используйте Smush Pro.

Я активировал Smush, но я не вижу никакой разницы в качестве изображений. Как я могу узнать что Smush работает?

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

Вы можете следить за изменением размера файлов в вашей библиотеке файлов,за экономией для отдельных изображений, экономией директорий и общей экономией с помощью статистики Smush. Если вы хотите увидеть дополнительную магию, проведите тестирование скорости загрузки сайта с помощью WP Checkup или Google PageSpeed Insights до и после оптимизации. Любая, даже самая маленькая экономия важна когда речь идёт о скорости загрузки!

Не могу ли я просто использовать Photoshop или другое приложения для редактирования изображений, чтобы оптимизировать мои картинки?

Optimizing all the image sizes generated by WordPress, images being imported from plugins and themes, and images from other web sites is a painful and time consuming process.

Smush automatically handles optimizing all your images no matter where they come from and can be used as a standalone tool or alongside Photoshop.

Это оптимизация или сжатие?

Это зависит от того на какой стороне земного шара вы живёте… но как бы вы это не называли, оптимизация, сжатие или богиня скорости Smush, этот плагин будет следить за тем, чтобы все ваши изображения загружались со скоростью света.

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

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

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

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


В частности, я познакомлю вас с 6 WordPress плагинами по оптимизации изображений. Готовы? Тогда начинаем!

ShortPixel Image Optimizer

ShortPixel является отличным плагином по оптимизации изображений. Более того, кроме своей основной функции он имеет несколько дополнительных. Например, с помощью него можно увеличивать и уменьшать размер изображений, а также удалять EXIF данные. Последнее, кстати очень полезно при использовании картинок, взятых с поисковых систем (google картинки).

Данный плагин имеет более 20 тыс. скачиваний и рейтинг в 4.5 звезд. Поддерживается возможность оптимизации всех форматов изображений: JPEG, PNG, GIF а также PDF файлов.

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

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

После активации плагина необходимо получить API ключ. Для этого придется зарегистрироваться, перейдя по ссылке Sign Up в окошке с напоминанием.

Процесс регистрации довольно прост: указываете адрес электронной почты, получаете API ключ, указываете его перейдя в Настройки -> ShortPixel. Для вас будет доступна оптимизация 500 изображений и плюс 100 единиц каждый месяц. При необходимости можно приобрести премиум подписку за $4.99 с квотой на оптимизацию 5 тыс. изображений.

Стоит отметить, что ShortPixel совместим с такими плагинами как WPML и WooCommerce. Также все оптимизированные картинки будут иметь бэкапы. Таким образом, вы можете в любой момент восстановить изображение до прежнего состояния.

EWWW Image Optimizer

Image Optimizer является одним из самых популярных плагинов в своем роде. Он имеет более 300 тыс. скачиваний и рейтинг в 4.5 звезд. После установки плагина каждое загруженное изображение в формате JPEG, PNG и GIF будет оптимизировано. Также вы можете оптимизировать уже существующие картинки своего блога.

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

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

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

WP Smush

Wp Smush также является одним из самых популярных плагинов по оптимизации изображений. Он имеет более 400 тыс. скачиваний и рейтинг в 4.5 звезд.

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

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

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

Kraken Image Optimizer

При помощи Kraken Image Optimizer вы можете сжимать изображения форматов JPEG, PNG и GIF. Для использования плагина, после его активации необходимо открыть аккаунт на их сайте для получения API ключа. Кстати, его можно использовать на нескольких сайтах одновременно. То есть, этот плагин не требует отдельной лицензии для каждого сайта.

Kraken Image Optimizer имеет более 10 тыс. скачиваний и рейтинг в 5 звезд. Оптимизация изображений происходит согласно встроенному профилю с минимальной потерей качества. В то же время, вы можете самостоятельно установить уровень качества картинок при их оптимизации. Это можно сделать в настройках плагина.

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

Compress JPEG & PNG images

Compress JPEG & PNG images славится своим радикальным сжатием изображений, по причине чего некоторые картинки могут заметно потерять в качестве.

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

Тем не менее, Compress JPEG & PNG images неплохо справляется со своей работой, и результаты оптимизации довольно нелохи. Также плагин поддерживает возможность сжатия уже существующих в медиатеке файлов.

Optimus

Optimus — еще один отличный плагин с одним единственным недостатком: каждое оптимизируемое изображение должно «весить» не более 100 кб. Это ограничение связано с бесплатной версией программы.

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

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

Какой плагин выбрать

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

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

  • Kraken Image Optimizer
  • Compress JPEG & PNG
  • EWWW Image Optimizer

Если вашей основной задачей является оптимизация изображений без всяких примочек — выбирайте Compress JPEG & PNG . Возможно, он будет лучшим вариантом для вас.

В случае если для вас важно наличие дополнительных опций, хорошим вариантом будет Kraken Image Optimizer.

Также хочется особо отметить ShortPixel Optimizer. Помимо отличных показателей сжатия изображений, он также обладает отличным, интуитивно понятным интерфейсом.

В заключение

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

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

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

Урок 358 Оптимизация изображений в WordPress с помощью WP Smush.It: пакетная оптимизация картинок сайта путем сжатия

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

Например, если вы воспользуетесь сервисом от Google PageSpeed Insights, прогоните свой сайт, то увидите сообщение, что требуется оптимизация изображений:

Есть очень простое решение данной проблемы для WordPress — просто нужно поставить плагин WP Smush.It. Что он делает? Он автоматически сжимает картинки на сайте в онлайн режиме. Причем практически без потери качества. То есть визуально вы не заметите отличий между изображениями до и после обработки.

Плагин WP Smush.It для оптимизации изображений в WordPress

  1. Как всегда сначала нужно скачать плагин WP Smush.It и активировать его.
  2. После активации плагина все последующие изображения, загружаемые на сайт, автоматически будут сжиматься.
  3. Чтобы сжать уже имеющиеся картинки, нужно перейти в админку WordPress во вкладку «Медиафайлы»:
  4. Перейти в режим списка:
  5. Отметить галочкой необходимые картинки, которые нужно оптимизировать:
  6. Подняться наверх, во вкладке «Действия» выбрать «Bulk Smush.It» -> «Применить»:
  7. Нас перебросит на страничку настройки плагина WP Smush.It. Немного пролистав страницу вниз, обнаружим процесс выполнения задачи:
  8. Правда легко? Вот такой вот классный и простой в использовании плагин WordPress для оптимизации изображений. Снова перейдем во вкладку «Медиафайлы» и мы там увидим на сколько процентов сжались картинки:
  9. Если вас все устраивает (пройдитесь по этим изображениям обязательно, если вдруг вас не устроило, ниже я описал как вернуть на первоначальный вариант) и вы хотите, оптимизировать все картинки, которые имеются у вас на сайте, то перейдите во вкладку «Медиафайлы» -> «WP Smush.It»:
  10. Вот здесь вам будет доступна пакетная оптимизация изображений. Просто пролистайте страницу немного ниже и там найдете кнопку «Bulk Smush all my images», там же увидите количество картинок, которое будет оптимизировано:
  11. Кликаем на эту кнопку и ждем. Довольно долго. 500 картинок обрабатываются примерно за полчаса. Просто оставляете эту вкладку открытой. А так на этом все, плагин действительно очень удобный и все максимально автоматизировано.

Небольшие особенности плагина WP Smush.It

  • Если вдруг вам не понравились изменения, которые произвел плагин WP Smush.It, вы можете произвести откат. Для этого нужно кликнуть на кнопку «Re-Smush»:
  • После активации плагина вы заметите, как изображения дольше по времени будут вставляться на блог. Это нормально, происходит процесс сжатия картинок. Вот этот фактор немного напрягает меня, я привык, что медиафайлы вставлялись моментально.
  • Ограничение бесплатной версии: оптимизируются изображения размером не более 1 МБ, если нужно будет больше, то придется покупать Pro версию. У меня таких картинок всего 91 шт. на всем блоге, поэтому я не парюсь по этому поводу:

На сегодня все. Познакомил вас с таким простым в использовании, в тоже время крайне полезным плагином WP Smush.It. Если будут какие-то проблемы/вопросы, пишите в комментариях. С радостью отвечу.

P.s. Вам нужно создать качественный сайт для бизнеса? Тогда создание сайтов в Санкт-Петербурге возможно это то, что вам нужно. Доверьтесь профессионалам.

Понравился урок? Вы не хотите пропускать новые бесплатные уроки по созданию, раскрутке и монетизации блога? Тогда подпишитесь на RSS или на электронный ящик в форме выше и получайте новые уроки мгновенно! Также можете следить за мной в Twitter.

Добавить комментарий

50 комментариев

Хорошее дело. А он не сильно качество имаов снижает?

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

Нормик, но вот только это больше нужно для поисковиков. Фотки не долго грузятся, всё равно полезная конечно штуковина. Установил, работает) Спасиб

Да и у не всех высокоскоростный интернет. �� Есть еще те, кто сидит на маленькой скорости ��

Ну супер тогда. У нас на сайте, правда говоря, 10к изображений))) Обрабатывать будет 3 дня наверно. )))

Думаю нет, за 2 справится :)))))

Спасибо Петр, действительно полезный плагин.

У меня был установлен этот плагин, но он сжимает совсем незначительно и после его использования, гугл мне указал на тот результат проверки и на те же проблемы. То есть, скорость загрузки сайта никак не изменилась. Для примера, я зжимал картинку 50 кб и она сжалась на 47 кб. Разве эти 3 кб на что-то повлияют? Другое дело, если на сайти тысячи картинок и тогда в совокупности можно сэкономить пару мегабайтов. Но опять же, повлияет ли это как-то или нет?

У меня в постах по 8-10 картинок, сжатие происходит в районе 15%-20% в среднем. С каждой картинкой сжимается в районе 5-10 КБ.

Я не говорю, что это только это спасет всю ситуацию. Нужно комплексно пытаться ускорить сайт. И там каждые 15-20% в итоге окажутся важны.

Спасибо большое. Очень полезный плагин.

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

Счастливая, почему-то у меня прям существенно дольше картинки начали вставляться картинки.

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

Ничего другое не нашли? А то я пока собралась с изображениями поработать, как этот плагин приказал долго жить. ��

Спасибо, Петь, за крутой плагин! Это офигенно! Хоть у меня картинки максимум по 70-80 Кб, всё равно оптимизирую все сейчас. А потом плагин деактивирую. Кстати, если потом деактивировать плагин, то изменения не отменятся?

Да, если деактивировать, то изменения останутся.

Я плагины почему-то не очень люблю))) А картинки через jpegtran и optipng сжимаю, в результате по google speed нет предупреждений по этому пункту))) и скорость 95 для компьютеров)))

Блин, 95 — хорошие показатели! Как достигли таких показателей, если не секрет?

Не секрет))) Во-первых, изображения все оптимизирую) Во вторых, два плагина установила — Autoptimize — для сжатия CSS и JS; Hyper Cache — для кэширования) Ну и, в-третьих, не пичкаю свой блог дополнительными плагинами, которые можно заменить на код) Например, сейчас у меня 7 плагинов всего лишь установлено))). Вот и весь секрет).

Спасибо, на выходных буду пробовать ��

Не хватает второго скриншота из PageSpeed Insights. Что изменилось с этой точки зрения после оптимизации?

Петр, а как же фотошоп и его функция «save from web»? Или это плюс к ней?

Это плюс к ней. Даже после этой функции фотошопа идет сжатие на 10-15%. А так я картинки к посту не прогоняю через фотошоп. Лень, наверное.

тоже самое хотел спросить

Пётр, приветствую! Огромное спасибо за плагин. Есть такая нужда в сжатии картинок. Не хотелось вручную обрабатывать, как некоторые советовали.

Хороший у Вас блог. Подписался на рассылку. =)

Спасибо! �� Следите за новостями, впереди много интересного ��

Петь, здравствуй! Увидел по тесту gtmetrix что у тебя хорошо настроено браузерное кеширование. Можешь поделится как ты этого достиг? Это плагин какой-то или «авторский» код в htaccess?

Привет! В одном из следующих постов будет сказано про это ��

Установила плагин.Качество картинок не пострадало.Спасибо за совет.

У меня после оптимизации на всех картинках написано: ERROR: posting to Smush.it

То же самое. И сайт самого сервиса недоступен. Прочитал, что такое бывает, но сайт сервиса недоступен уже второй день. Меня перенаправляет на http://smushit.eperf.vip.ac4.yahoo.com/ и там — ничего.

Советую вот этот сайтик http://compressjpeg.com/ — порой на 70% картинка меньше весит и качество не теряется. Регистрация не требуется, заливаем картинки, ждём пару секунд и дело сделано.

Иван, ну тут опять-таки. Использую плагин вы можете оптимтзировать изображения все и сразу. Никакой возни. Используя же программу, в вашем случае сервис вы сначала заливаете изображения на сайт, они сжимаются, потом вы скачиваете сжатые изображения, потом заменяете ими несжатые. Большая потеря времени, лучше и удобнее использовать плагин, и особенно (!) если у вас не молодой сайт и куча картинок.

А картинку не надо переделывать? Дополнять? Редактировать? я всегда стараюсь уникализировать. Ну а если работа уже с готовыми, такие например как фото, то плагин необходим.

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

Добрый день! Спасибо вам за интересные и нужные статьи ��

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

Оксана, ну flickr — это фотохостинг, а значит изображения хранятся на их сервере (а не на вашем сайте). Поэтому вопрос сжатия тут даже не стоит. Ну, а вообще, если у вас блог о фотографии, то я бы вообще не стал сжимать изображения (во благо качеству), но это только моё мнение.

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

Я раньше просто переделывал картинки в фотошопе и просто их сохранял. Вес конечно был маленький. Но если много то конечно загрузка идет долго. Теперь просто нажимаю сохранить для web и получается картинка по качеству не чем не хуже и вес вообще копеечный.
Это я так к слову сказал как я делаю. А кто воспользоваться хочет плагином — то тоже дело хорошее. Очень помогает он в работе.

Оптимизировала картинки самым популярным плагином с пандой-логотипом, наибольшее кол-во скачиваний, отзывы и тд. Сайт показывает что все ок, картинки сжались якобы, наглядно показано ДО И ПОСЛЕ сжатия, а на деле. как весила 6 мб в среднем страница, так и осталось:( многочисленные тесты разные никаких изменений не показывают:( плагин кэширования суперкэш поставила, тоже все корректно, но гугл ничего не видит, все как прежде:(

А как оптимизировать 40.000 изображений которые на сайте уже,кто знает хороший плагин?

21 век на дворе,нужно автоматизировать процесс сжатия,а не оптимизировать каждое изображение по отдельности.
Загрузил на сайт-плагин оптимизировал и все -автоматизировать,не все нужно руками делать,цените время друзья !

Если вдруг найдешь решение — напиши, интересно)

Здравствуйте, у меня нет кнопки Bulk Smush.It в действиях.
А в остальном плагин работает хорошо.
«Вы оптимизировали 1035 изображений и сэкономили 5,0 MB всего.»
Файлы темы и т. д.
Вручную дает такой результат:
16 изображений сжато175,5 KB ( 48.0% )
Размер изображения: 31,6 KB

Хочу поделиться своим опытом 2020 года. Решил оптимизировать изобржения на сайтах, которые я поддерживаю. Купил платный плагин EWWW Image optimizer. Закинул в него $100, посчитал что должно хватить с запасом. Включил оптимизацию. Процесс на первом сайте дошел до 40% и заглох. Я начал разбираться, оказывается деньги закончились. Плагин берет деньги за оптимизацию кожного thumbnail. А у меня их по десять штук на одно изображения. Поставил WP Smush, бесплатную версию. Оптимизирует за бесплатно 50 изображений, а потом нужно кнопку клацнуть в админке. Почитал я исходники, и написал скрипт который сам кнопку клацает. И так оптимизировал все изображения. Зашел в Google Pagespeed, а он все равно показывает, что изображения не оптимизированы. Если до этого было на 30-40% больше нормы, то после на 10-15%. Решил я все изображения выгрузить по ftp и оптимизировать консолью с помощью кодека Mozilla MozJpeg. Пробовал несколько раз, пока не добился того что Google Pagespeed перестал примахиваться к изображениям. Но качество изображений стало очень плохое. У упущу все эмоции и перейду дальше.

После изучения темы в интернете оказалось что в сентябре 2020 года Google Pagespeed поменял алгоритм, теперь он хочет чтобы все изображения были меньше webp q75 + 9%. Webp в среднем сжимает на 40% лучше чем Jpeg. То есть добиться такого размера от Jpeg и сберечь качество изображения нереально. То есть свалу нет, придется использовать Webp. Но Webp поддерживается только Chrom и Opera. Firefox и Safari их не понимают. Просто пере конвертировать изображения в Webp не поможет. Но есть такой трюк. Можно создать по два файла для каждого изображения. Нормальный и wepb. И выдавать браузерам поддерживающим webp — webp, а не поддерживающим — нормальный файл. Выбор файла выполняется Apache mod_rewrite. Нужно в .htaccess добавить такой код.

RewriteEngine On
RewriteCond % image/webp
RewriteCond % .*(jpe?g|png|gif)$
RewriteCond %/$1.webp -f
RewriteRule (.*) $1.webp [T=image/webp,E=accept:1]

Header append Vary Accept env=REDIRECT_accept

AddType image/webp .webp

Для генерации webp файлов нашел бесплатный плагин Opti MozJpeg Guetzli WebP. Он очень интересно сделан, чтобы не устанавливать кодеки изображений на сервер (а у меня хостинг и туда они и не поставляться) можно скачать с сайта плагина виртуальную машину для Oracle Virtual Box. В ней стоит Linux, ssh сервер и кодеки изображений (MozJpeg, Guetzli, WebP). Нужно запустить виртуальную машину у себя на компе, подключить плагин к ней по ssh. И плагин будет по ssh ганять изображения и оптимизировать их в виртуальной машине. То есть я как бы сам для себя облако. Вот этим немного извратным способом я таки оптимизировал изображения и создал для них webp дубликаты. Google Pagespeed полностью снял все претензии к изображениям.

#6 – SEO оптимизация изображений + получение трафика с картинок!

Оптимизация изображений для сайта на WordPress (а о том, как создать сайт на Ворпдпресс я писал ранее) является составляющей общей оптимизации статьи, при этом имеется и дополнительные плюшки от правильно SEO-оптимизированной картинки, а именно трафик с Яндекс- и Google-картинок. Но обо всём по порядку.

Оптимизируем картинки для сайта правильно!

Итак, оптимизация изображений включает в себя несколько этапов:

  1. Сжатие картинки до минимального «веса», при этом с минимальной потерей качества изображения.
  2. Уникализация используемой картинки (в случае, если вы хотите получить не только SEO-эффект, но и трафик).
  3. Присвоение названия картинки на транслите.
  4. Прописывание Title и Alt изображениям.
  5. Добавление изображения в релевантный отрезок текста (т.е. если речь в данном промежутке текста идёт о белых медведях, то стоит добавить фотографию белого медведя и прописать соответствующие тэги).

Если вы выполните все эти правила, в том числе и п.2 то не только SEO оптимизируете изображение для сайта, но и можете получить трафик из поисковых систем по запросам, указанным в Alt-картинки.

Сжатие и уникализация изображения

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

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

Уникализировать изображения нужно лишь в том случае, если вы хотите получить трафик с Яндекс- и Google -картинок. Если же вы берёте изображения из открытых источников, рассчитывать на такой трафик не стоит.

Тэги Title и Alt для картинок и название файла

Самым важным с точки зрения SEO, является прописывание изображениям тэгов: Title и Alt. Что же это за тэги такие?

Title – это та фраза, которая появляется при наведении на неё курсора мышки.

Alt –появляется в случае, если картинка не доступна, вместе пропавшего изображения будет видна фраза, которая как бы объяснит пользователю, какая картинка должна была быть на этом месте.

Автор блога о SEO и заработке на сайтах — Vysokoff.ru. Продвигаю информационные и коммерческие сайты с 2013 года.

Как правильно прописать Alt и Title для изображения, спросите вы? Я рекомендую при прописывании Alt добавлять туда ключевую фразу, можно слегка видоизменённую. Если вы будете использовать уникальные картинки, то по ключу из Alt, вводимому в строку поиска Яндекса или Гугла, пользователи смогут найти её.

А где и как можно прописать Alt и Title изображению в WordPress? Вот наглядная инструкция. Выделяем любое изображение.

А затем заполняем соответствующие поля. Обратите внимание, чтобы прописать Title картинке необходимо нажать на кнопку – Дополнительные настройки ( UPD 05.2020 ).

Стоит отметить, что Alt и Title желательно делать разными, не стоит пихать ключи и туда и сюда, будет попахивать переспамом.

Теперь поговорим о названии изображения . Оно должно быть написано транслитом, причём каждое слово пишется через дефис, тогда ПС гарантировано сможет прочитать всё предложение членораздельно. Об этом я писал в статье про правильную структуру сайта, в разделе о ЧПУ.

Если вы будете использовать уникальные изображения, дадите им название в виде ключа на транслите, а также пропишите ключевое слово в Alt и видоизменённое предложение в Title, то с большой вероятностью получите от такой картинки трафик из поисковых систем!

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

Картинку вставляем в релевантный кусок текста

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

Резюме

Если вы будете соблюдать все приведённые выше правила, то я вам гарантирую, что вы SEO-оптимизируете картинку на 146% и в случае использования уникального изображения, ещё и получите трафик!

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

  1. Уменьшаем «вес» уникальной картинки.
  2. Даём название в виде ключа написанного транслитом.
  3. Прописываем Alt и Title.
  4. Вставляем в релевантный кусок текста.

Следующая статьи будет посвящена архиважной теме – внутренней перелинковке сайта, эту тему просто необходимо будет понять и применять, ибо от неё зависит успех проекта!

Отключить сжатие картинок в WordPress

Поработав какое то время с WordPress вы наверное стали замечать, что после загрузки картинки на сайт и ее публикации, качество картинки падает, она становится не такая четкая как оригинал. Дело в том что WordPress «сжимает» картинки для уменьшения их веса, и это не всегда получается красиво, CMS просто пытается ускорить работу сайта, уменьшая вес картинки, тем самым ускоряя загрузку страниц.

Отключаем сжатие через PHP функцию

Для отключения сжатия картинок на WordPress можно добавить строку кода в файл function.php вашей активной темы, но лучше если это будет дочерняя тема, так как при последующем обновлении ваши изменения могут быть удалены. Находим файл function.php у себя на хостинге, подключившись по ftp, скачиваем его себе на компьютер, и открываем любым текстовым редактором (я рекомендую Notepad++)

Файл function.php на хостинге можно найти вот тут, я зашел на хостинг через панель хостинга, не используя ftp клиент.

Вот такой код содержит этот файл

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

Теперь что бы отключить сжатие картинок нужно добавить строку

Код файла стал выглядеть следующим образом

Теперь измененный файл function.php нужно загрузить на хостинг, с заменой старого файла.

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

Если не помогло

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

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

Плагин для оптимизации картинок

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

Как понять что картинки грузятся без сжатия?

После проделанной работы по отключению сжатия, не всегда понятно перестал ли wordpress сжимать изображения, для того что бы убедится в этом, нужно посмотреть размер графического файла на компьютере и его же размер на хостинге, как смотреть на компьютере я надеюсь вы знаете, просто через «свойства» файла, или в любом нормальном файлового менеджере, а на хостинге проще всего через пункт меню нашего сайта на CMS WordPress — «Медиафайлы», выбираем нужный файл и смотрим его размер

Если размеры файлов совпадают, значит сжатие картинок отключено.

Мастер Йода рекомендует:  MIT составил рейтинг из 13 самых продвинутых IT-компаний мира, использующих ИИ
Добавить комментарий
3 марта 2015