Формат изображений webp: что это такое и зачем он нужен

Формат WEBP, что это такое? Плюсы и минусы этих картинок

Здравствуйте, друзья! Формат WEBP – это формат изображений для веб-картинок. Он был разработан компанией Google в 2010 году. В данный момент он широко распространен в Интернете и постоянно обновляется разработчиками.

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

Какие плюсы и минусы у формата? Преимущества WEBP следующие:

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

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

Далее, рассмотрим, как открывать формат WEBP на компьютере, какие программы и браузеры использовать.

Что такое WebP?

WebP или же » слабый ”, Как многие его произносят, это графический формат в форме контейнера, который возник в 2010 году от руки Google и который поддерживает оба сжатие без потерь и без потерь , Формат, полученный из видео стандарта VP8, разработанного On2 Technologies и приобретенного Google в том же году.

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

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

Приблизительно изображения в этом формате сжатия на 30% меньше того же изображения в других обычных форматах, таких как JPG, JPEG или PNG, с тем же качеством изображения и основаны на собственных методах сжатия. В то время как файлы JPG основаны на методе сжатия с потерями, файлы PNG делают то же самое, но без потерь, и именно WebP поддерживает обе возможности .

Что такое WebP?

WebP – это графический формат с открытым исходным кодом, созданный корпорацией Google. Его файлы имеют расширение .webp

Существует несколько вариантов WebP. Один из них использует сжатие с потерями. По своим характеристикам он сопоставим с JPEG, но имеет размер файла на 25-34% меньше. Изображения, сохраненные в формате WebP, поддерживают прозрачность, чего нет у JPEG.

Другой вариант WebP – формат без потерь. Он схож формат PNG, но имеет размер файла на 26% меньше.

Сравнительная характеристика форматов.

WebP поддерживает:

• Анимацию.
• Сжатие без потерь.
• Сжатие с потерями.
• Прозрачность альфа-канала.

Это означает, что можно конвертировать PNG, GIF и JPEG в один удобный формат изображений, и получить преимущество в производительности сайта.

Бесплатный WebP

Теперь плохие новости. Не все браузеры поддерживают WebP. Тем не менее, поддержка проекта таким гигантом, как Google, позволяет надеяться, что будущее – за WebP.

Действительно впечатляет

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

Как добавить WebP- изображения в WordPress

Медиа-библиотека WordPress не позволяет загружать WebP-изображения по соображениям безопасности. Но можно активировать поддержку данного формата на своем WordPress-сайте.

Извините, не извиним

Есть несколько способов начать использовать WebP- изображения. Для этого понадобится решение, которое будет:

1. Использовать конвертер WebP для преобразования существующих изображений в формат WebP.
2. Определяет, поддерживает ли браузер пользователя формат WebP.
3. Предоставлять изображения в формате WebP, если они поддерживаются или в форматах PNG и JPEG, если нет.

Как открыть формат webp

Для работы с картинками в webp подойдёт один из профессиональных графических редакторов. Изображений с этим расширением могут открыть любые средства просмотра изображений для Windows, MacOS, Android, Linux и других ОС. С расширением отказываются работать некоторые встроенные в Windows приложения. Для просмотра картинок с webp подойдут:

• Кроссплатформенные программы — XnView, Picasa, DigiKam;
• В Windows — Ashampoo Photo Commander, FastStone Image Viewer, Imagina и др.;

• В Linux — Eye of GNOME, GQview, Kview и др.

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

• Adobe Photoshop — профессиональный, платный;
• GIMP (и сайт на русском языке) — кросплатформенный, совершенно бесплатный редактор;
• А также webp открывается всеми популярными веб-браузерами: Google Chrome, Mozilla Firefox, Opera, Яндекс.Браузер и др.

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

Конвертация

Конвертирование – это переформатирование файла и присвоение ему другого формата, с которым можно будет без проблем работать в дальнейшем. Сделать это можно в paint.net и других программах и онлайн-ресурсах.

Онлайн сервисы

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

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

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

Программа

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

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

Как использовать изображения WebP в WordPress

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

Плагины преобразования WebP

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

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

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

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

EWWW Image Optimizer

EWWW Image Optimizer – это бесплатный плагин с функцией преобразования WebP. Он генерирует WebP-версию ваших файлов JPEG и PNG. Он включает в себя множество параметров, таких как Apache-совместимые правила перезаписи, и альтернативный вариант перезаписи WebP. Он совместим как с кешами, так и с CDN, и работает с плагином Cache Enabler от KeyCDN.

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

ShortPixel Image Optimizer

ShortPixel Image Optimizer – это бесплатный плагин, который будет конвертировать любые JPEG, PNG или GIF в WebP. Он использует сжатие с потерями и без потерь. Он также работает с плагинами кэша, которые поддерживают WebP. Он предоставляет изображения WebP браузерам, которые могут их просматривать, а другие форматы – тем, которые не могут.

Также имеется возможность добавлять изображения WebP на интерфейсные страницы с использованием HTML. Для этого вы можете использовать тег вместо обычного тега

WebP Express

WebP Express – это бесплатный плагин, который создает изображения размером менее половины размера JPEG. Он направляет файлы JPEG и PNG в конвертер изображений для преобразования или в уже преобразованное изображение. Работает независимо от того, как изображения попали на сервер. Он работает с медиа-библиотекой, галереями и изображениями тем, на которые ссылается CSS.

Он не работает с сервером Microsoft IIS или WAMP и не был протестирован с мультисайтом. Это требует некоторой настройки для методов преобразования, но у вас есть несколько вариантов на выбор. Изображения сначала будут использовать метод преобразования вверху, и если этот метод не пройден, он будет двигаться вниз по списку, пока не найдет метод, который работает с изображением. Вы можете перетащить их в том порядке, в котором вы хотите их использовать.

Opti MozJpeg Guetzli WebP

Opti MozJpeg Guetzli WebP – бесплатный плагин, созданный с учетом Google Pagespeed Insights. Для конвертации изображений используются Mozilla MozJpeg, Google Guetzli и Google WebP. Кодировщики могут быть установлены локально или вы можете использовать встроенный ssh-клиент. Он обращается к кодировщикам удаленно, используя ssh-соединение с виртуальной машиной автора.

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

Конвертировать webp в jpeg

Процесс открытия webp на компьютере — мы с вами уже разобрали. Рассмотрим, как изменить его, если нам нужно картинку сохранить, например, в JPG или PNG. Средства для просмотра изображений и интернет-браузеры нам в этом не помогут. Но справятся с задачей онлайн-конвертеры.

Если вам нужно переформатировать webp в JPEG (JPG), можно воспользоваться интернет-инструментом по этому адресу. Сайт автоматически перекодирует загруженное нами фото в картинку с популярным расширением JPEG.

1. Перейдите на сайт и нажмите на кнопку Выбрать;

2. Выберите в проводнике Windows расположение файла с webp;

3. Онлайн-сервис автоматически загрузит и переформатирует вашу картинку.

Вам нужно нажать на кнопку Скачать, которая появится сразу же после загрузки файла на сайт.

Нажмите на кнопку Скачать

Он поможет также сделать из картинки с расширением jpeg — изображение webp.

Шаг 3 — Преобразование изображений JPEG и PNG в директории

Написание скрипта упрощает процесс преобразования, т.к. устраняет ручное преобразование. Теперь напишем скрипт преобразования, который находит файлы JPEG и преобразовывает их в формат WebP с 90% качеством, а также преобразовывает файлы PNG в изображения WebP без потерь.

Используя или предпочитаемый вами редактор, создайте скрипт в домашней директории вашего пользователя:

Первая строка скрипта будет выглядеть следующим образом:

~/webp-convert.sh

Эта строка включает следующие компоненты:

• : Эта команда будет искать файлы в конкретной директории.
• : этот позиционный параметр указывает путь к директории изображений, взятый из командной строки. В конечном счете, он делает местоположение директории менее зависимым от местоположения скрипта.
• : данный параметр указывает команде искать только обычные файлы.
• : данный тест соспоставляет имена файлов по заданной схеме. Нечувствительный к регистру тест указывает команде искать любое имя файла, заканчивающееся на () или ().
• этот логический оператор указывает команде вывести файлы, соответствующие первому тесту () *или *второму ().
• скобки вокруг этих тестов, вместе с оператором обеспечивают, что первый тест (т.е. ) всегда выполняется.

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

~/webp-convert.sh

В данном случае для параметра потребуется несколько команд для поиска и преобразования изображений:

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

Скрипт в будет выполнять следующие функции:

• Создавать переменную .
• Проверять наличие версии файла.
• Создавать файл, если он отсутствует.

Малый скрипт выглядит следующим образом:

~/webp-convert.sh

Элементы этого малого скрипта включают в себя следующее:

• : эта переменная будет создана с помощью и соответствующего имени файла из команды обозначенного по позиционному параметру . here string () будет передавать это имя в .
• : данный тест будет определять наличие файла под названием , используя логический оператор (
• : эта команда будет создавать файл, если он отсутствует, используя параметр , чтобы не выводить результат.

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

~/webp-convert.sh

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

Завершенный скрипт выглядит следующим образом:

~/webp-convert.sh

Сохраните файл и выйдите из редактора.

Затем проверим скрипт на практике, используя файлы в директории . Убедитесь, что файл скрипта является исполняемым, запустив следующую команду:

Запустите скрипт в директории изображений:

Ничего не произошло! Это потому, что мы уже преобразовали эти изображения на шаге 2. Далее скрипт будет преобразовывать изображения при добавлении нами новых файлов или удалении версий . Чтобы увидеть, как это работает, удалите файлы , созданные нами на шаге 2:

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

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

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

Когда WEBP равен JPG по количеству деталей

Яблоки, 1280×800. Изображение преимущественно состоит из плавных градиентов. Много одноцветных областей. WEBP чувствует себя в таких условиях просто прекрасно.

{$alt}

{$alt}

Разница практически незаметна. WEBP намного меньше JPG по размеру

Заказ на море, 1280×800. Изображение преимущественно состоит из плавных градиентов. Много одноцветных областей. WEBP чувствует себя в таких условиях просто прекрасно.

{$alt}

{$alt}

Разница практически незаметна. WEBP побеждает

Осенний лес, 1280×800. Количество мелких деталей зашкаливает. Неожиданным образом, WEBP, хоть и немного, но проиграл JPG, размер файла WEBP оказался больше на 62КБ.

{$alt}

{$alt}

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

Скачать firest.jpg 438.4 КБ

Скачать forest.webp 500.9 КБ

Как определить поддержку браузера для WebP?

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

Согласование содержимого на стороне сервера через заголовки Accept

Веб-клиенты все чаще отправляют заголовок запроса «Accept», указывающий, какие форматы контента они готовы принять в ответ. Если браузер заранее указывает, что он «примет» формат изображения / webp , веб-сервер знает, что он может безопасно отправлять изображения WebP, что значительно упрощает согласование содержимого. 

Modernizr

Modernizr — это библиотека JavaScript для удобного определения поддержки функций HTML5 и CSS3 в веб-браузерах. Ищите свойства Modernizr.webp , Modernizr.webp.lossless , Modernizr.webp.alpha иModernizr.webp.animation .

Элемент HTML5

HTML5 поддерживает элемент  , который позволяет вам перечислить несколько альтернативных целей изображения в порядке приоритета, так что клиент запросит первое изображение-кандидат, которое он может правильно отобразить. 

В вашем собственном JavaScript

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

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

Краткое описание WebP

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

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

В среднем вес картинок сокращается на 25–35%, что позволяет вебмастерам размещать на сайтах больше изображений, не тратя впустую драгоценное пространство на жестком диске арендованного VDS.

При разработке формата сотрудники Google использовали те же методики сжатия, что используются в компрессии кодеков VP8.

Не работает. Что делать?

Если у вас до сих пор отображаются jpeg/png изображения, то нужно внимательно прочитать FAQ к плагину, в особенности, если у вас сервер ngnix. Для данного типа сервера необходимо ввести команды (нужен доступ к хостингу). Откройте FAQ плагина, найдите пункт Configuration for Nginx и выполните все рекомендации автора, иначе работать ничего не будет:

Ваш хостинг (сервер) должен использовать PHP не ниже 7.0 и иметь установленное расширение GD или Imagick. Так же стоит проверить, создали ли вообще версии webp в необходимой директории — www/имя_сайта/wp-content/uploads-webpc. После чего, снова проверяем загрузку компонентов через devtools в браузере. Не забудьте обновить страницу с очисткой кэша (CTRL+F5)

WebP (78 Kb)

Что касается поддержки браузеров, то с каждым годом, если не полугодием, в мире в целом старые версии уходят в прошлое, как и старые версии Windows. Почти уже не используется XP, Vista, 7-ка. Аналогично и устаревшие браузеры, тем более, что почти все они обновляются автоматически, если установлены. Соответственно, поддержки WebP нет в единичных случаях, которые могут быть для проекта не так критичны.

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

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

Еще один плюс — поддержка прозрачности (альфа-канал),
то есть аналогично PNG формату. И если в PNG картинка весит более 7 Mb, то в WebP около 700 Kb.

Какие веб-браузеры изначально поддерживают WebP?

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

• WebP с потерями поддерживают:
  • Google Chrome (для ПК) 17+
  • Google Chrome для Android версии 25+
  • Microsoft Edge 18+
  • Firefox 65+
  • Опера 11.10+
  • Собственный веб-браузер, Android 4.0+ (ICS)
• WebP с потерями, без потерь и альфа-поддержка:
  • Google Chrome (для ПК) 23+
  • Google Chrome для Android версии 25+
  • Microsoft Edge 18+
  • Firefox 65+
  • Опера 12.10+
  • Собственный веб-браузер, Android 4.2+ (JB-MR1)
  • Бледная Луна 26+
• Поддержка WebP Animation:
  • Google Chrome (для ПК и Android) 32+
  • Microsoft Edge 18+
  • Firefox 65+
  • Опера 19+

Устранение неполадок при открытии файлов WEBP

Общие проблемы с открытием файлов WEBP

Adobe Photoshop не установлен

Дважды щелкнув по файлу WEBP вы можете увидеть системное диалоговое окно, в котором сообщается «Не удается открыть этот тип файла». В этом случае обычно это связано с тем, что на вашем компьютере не установлено Adobe Photoshop для %%os%%. Так как ваша операционная система не знает, что делать с этим файлом, вы не сможете открыть его дважды щелкнув на него.

Совет: Если вам извстна другая программа, которая может открыть файл WEBP, вы можете попробовать открыть данный файл, выбрав это приложение из списка возможных программ.

Установлена неправильная версия Adobe Photoshop

В некоторых случаях у вас может быть более новая (или более старая) версия файла Google Image File Format, не поддерживаемая установленной версией приложения. При отсутствии правильной версии ПО Adobe Photoshop (или любой из других программ, перечисленных выше), может потребоваться загрузить другую версию ПО или одного из других прикладных программных средств, перечисленных выше. Такая проблема чаще всего возникает при работе в более старой версии прикладного программного средства с файлом, созданным в более новой версии, который старая версия не может распознать.

Совет: Иногда вы можете получить общее представление о версии файла WEBP, щелкнув правой кнопкой мыши на файл, а затем выбрав «Свойства» (Windows) или «Получить информацию» (Mac OSX).

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

Даже если на вашем компьютере уже установлено Adobe Photoshop или другое программное обеспечение, связанное с WEBP, вы все равно можете столкнуться с проблемами во время открытия файлов Google Image File Format. Если проблемы открытия файлов WEBP до сих пор не устранены, возможно, причина кроется в других проблемах, не позволяющих открыть эти файлы. Такие проблемы включают (представлены в порядке от наиболее до наименее распространенных):

UPD 18.09.2020 Плагин с версии 1.4.2 не работает с CDN

Небольшое уточнение. Если вы используете платформу Content Delivery Network , то плагин работать не будет (здесь мы описывали, как подключить Cloudflare на WordPress). Это, кстати, указано в официальном FAQ плагина (https://wordpress.org/plugins/webp-converter-for-media/#faq).

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

Это платная функция, доступная в тарифном плане бизнес, который стоит 200$ в месяц (~ 15 000 рублей)

PNG

Разработка PNG началась в 1995 году, и уже через год его можно было использовать в качестве полноправного сетевого формата.

Так как PNG задумывался в качестве замены формата GIF, он значительно превосходит предшественника по своим возможностям. Например, PNG обладает следующими преимуществами:

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

Увидеть, как хорошо PNG сжимает разноцветное полупрозрачное изображение, можно ниже:

Так почему PNG лучше сжимает изображения, чем GIF? Это происходит благодаря новым алгоритмам сжатия.

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

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

Однако, возвращаясь к началу статьи, нужно отметить, что в случае с фотографиями PNG поведет себя лучше, чем GIF, но все же хуже, чем JPEG.

Форматы следующего поколения

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