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

Статья написана:
  • WordPress
  • Обновлено: сентябрь 05, 2017

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

Имейте в виду, что скорость загрузки сайта является основным фактором для пользователей. Несмотря на то, что вы предлагаете отличный контент, вялый сайт может быть очень раздражающим для вашей аудитории. В соответствии с Kissmetrics, 40% онлайн-аудитории уйдет, если для загрузки страницы потребуется больше, чем 3 секунд.

Чтобы оптимизировать ваши изображения для скорости, ниже приведены все, что вам нужно запомнить:

Создание изображений для веб-сайтов

Если вы знакомы с приложениями для редактирования фотографий, такими как Photoshop, то вы можете предпочесть создавать свои изображения для использования на веб-сайте. Обратите внимание, что в этих приложениях обычно есть возможность сохранить изображение в удобном для сети формате. В Photoshop вы можете сделать это, нажав Файл> Сохранить для Web и устройств..

сохранить в обмен на веб-устройств

Вы также можете быть знакомы с различными форматами файлов при сохранении изображений. Наиболее распространенными форматами являются JPG, PNG и GIF.

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

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

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

Использование TinyPNG.com

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

без названия

Использование плагинов для сжатия изображений (EWWW Image Optimizer, Smush It и ImageOptim)

Сохранение правильного формата изображения и использование TinyPNG - отличные привычки, если вы хотите использовать много изображений для WordPress. Но что, если у вас уже есть библиотека неоптимизированных изображений на WordPress? К счастью, есть много плагины сжатия изображений такие EWWW оптимизации изображений, Smush Этои Imagify Image Optimizer.

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

Ewww

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

скриншот-1

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

Скриншот-1-2

Альтернативные плагины сжатия изображений

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

Тристан из ImageRecyle объясняет, что отличает их от других,

ImageRecycle - это автоматический оптимизатор изображений и PDF. Наш уникальный алгоритм способен сжимать до 80% ваших изображений и файлов PDF сохраняя при этом аналогичное качество оригинала.

Что делает наш сервис более привлекательным, чем конкуренты?

  • Инструмент сжатия PDF высокого уровня
  • Плагин для WordPress, Joomla, Magento, Shopify с интеграцией FULL API
  • У нас есть различная формула членства (фиксированная квота, ежемесячная квота, большой объем ...) с самой низкой ценой на рынке
  • С одним членством вы можете настроить несколько дочерних аккаунтов для своих клиентов
  • Мы размещаем на защищенном сервере 1 месяц ваши исходные изображения, и вы можете восстановить оригинальные, когда захотите
  • Личный билет, предоставляемый разработчиком
  • Онлайновый полнофункциональный оптимизатор, который сканирует все носители и сжимает все в почтовом индексе
  • У нас есть API для пользовательской интеграции

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

Вывод

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

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

Про Кристофера Яна Бенитеса

Кристофер Ян Бенитес - профессиональный внештатный автор, который предоставляет малым предприятиям контент, который привлекает их аудиторию и повышает конверсию. Если вы ищете высококачественные статьи обо всем, что связано с цифровым маркетингом, тогда он ваш парень! Не стесняйтесь сказать ему «привет» в Facebook, Google+ и Twitter.

Подключение: