browser adware remover
Промокод: XXXXXX
+7(499) 677-16-70
Москва, ул. Крутицкий Вал дом 14, офис 207

Что такое WebP и в чем его преимущества

Варламов Алексей
16 июля 2019
Комментарии: 0

Фотография способна передать выражение лица человека, эмоции, чувства, природу и многое другое. Изображения используются повсеместно и хранятся на смартфонах, в облачных сервисах, представлены на сотнях тысяч интернет-ресурсов. Каждая фотография имеет определённый размер. Например, размер полученных изображений на смартфон 10 лет назад был меньше мегабайта, а сегодня может достигнуть и 5-10 Мб.

WebP – сравнительно новый формат изображений, созданный корпорацией Google. Данный формат способен обеспечить качественное сжатие изображений. При аналогичном или лучшем качестве в сравнении с JPEG, фото WebP имеет размер на 31% процент меньше.

привет, webp!

Привет, WebP!

История использования формата началась в 2010 году, с презентации. Сегодня крупные компании, включая Google, Facebook, eBay и ряд других советуют переходить на него.

Преимущества очевидны:

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

Из недостатков стоит отметить:

  • плохую поддержку современными браузерами;
  • искажённые элементы приобретают «пластиковый» вид;
  • экспорт имеет своеобразный интерфейс, поэтому не для всех удобен.

Какое качество изображений предлагает WebP?

Исходя из информации, рассказанной Гугл во время презентации, WebP способен:

  • Сжимать фото без потерь на 26 процентов лучше, чем .png;
  • Сжимать фотографии с потерями лучше, чем .jpg на 25-35 процентов (с учётом одинаковой структуры);
  • Поддерживать прозрачность, увеличивая размер файла на 22 процента (ранее недостижимый ни одним форматом показатель).

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

 Читайте также

 Проверка скорости загрузки сайта

Отдельного внимания заслуживает альфа-маска или прозрачность. В сравнении с PNG способен предложить сжатие на 80-90 процентов, что в масштабах используемого пространства немало! Так, одинаковые изображения по качеству в PNG- и WebP-формате «весят» 155 и 27 килобайт соответственно.

Единственный минус прозрачности – при максимальных настройках сжатия, переходы будут не плавными. Поигравшись в Adobe Photoshop с настройками и экспортом фотографий это отчётливо прослеживается. Но как ни крути, порядка 30-50% от размера PNG без стремительной визуальной потери качества сэкономить можно.

Добавить комментарий
Напишите комментарий *
Ваше имя *
Электронная почта *
категории блога
Последние статьи
Что такое UTM метки
Варламов Алексей, 22 июня 2020
Что такое SEO и как работает
Варламов Алексей, 25 апреля 2020
Крауд-маркетинг
Варламов Алексей, 13 апреля 2020
Проверка скорости загрузки сайта
Варламов Алексей, 08 апреля 2020
Этапы продвижения сайта
Варламов Алексей, 13 Февраля 2020
Причины падения трафика на сайте
Варламов Алексей, 10 сентября 2019
Взрывной рост в 2019-ом
Варламов Алексей, 12 июня 2019
Кейс PPC: Доставка суши и пиццы
Захаревич Владислав, 10 июня 2019
Важные отчеты Яндекс.Метрика и Google Analytics
Варламов Алексей, 07 июня 2019
Formacia-2019
Варламов Алексей, 03 июня 2019
Продвигаете сайт и нет результата?
Мы проведем бесплатный экспресс аудит вашего сайта и укажем основные причины низкого ранжирования.
Номер телефона
Электронная почта
Адрес сайта