Как обработать изображение для загрузки в WordPress и публикации на сайте

Как обработать изображение для загрузки в WordPress и публикации на сайте

28 марта 2019

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

Топ 10 продающих лендингов для Вордпресс

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

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

Необходимость в оптимизации картинок для WordPress

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

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

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

К ним относятся:

  1. PNG. Популярный в интернете формат изображений. В нем хранятся элементы интерфейса сайта и логотипы торговых марок. Особенность формата в том, что записанная картинка может иметь прозрачную подложку. Кроме того, такие изображения хорошо оптимизируются после подготовки их в графических редакторах.
  2. JPG. Основной формат файлов, в котором размещаются фотографии с высоким разрешением и графика, конвертированная в растровый формат. Они не могут иметь прозрачного фона.
  3. Lossless и Lossy-сжатие. В первом случае речь идет об уменьшении размера изображения без ухудшения его качества. Во втором качество страдает, но размер файла получается очень компактным. Обычно при обработке оптимизатор самостоятельно регулирует баланс между потерей качества и размером файла.

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

Smush

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

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

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

TinyPNG

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

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

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

reSmush.it

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

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

Compress JPEG & PNG Images

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

Программа работает с изображениями, которые размещены в папке Images на сервере. Каждая из имеющихся картинок анализируется с помощью прописанных в приложении алгоритмов, после чего автоматически выбирается способ оптимизации для получения нужного результата. Практика использования этого плагина показывает, что после окончания работы картинки теряют до 50% своего объема, а PNG-файлы уменьшаются на 80%. Что не может не радовать владельцев сайтов, которые размещены на хостинге с небольшим дисковым пространством.

Imagify

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

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

ShortPixel

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

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

Заключение

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

Как продвинуть сайт в Google

INNERSTAT

Подписаться на обновления
Получайте полезные знания бесплатно ➤

Популярное в этом месяце

Подпишитесь на рассылку и получайте новые материалы на электронную почту

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

Лучшие премиум-темы для Вордпресс от топовых разработчиков мира
Подробнее