WebP сжимает фотографию примерно На 25–34 процента меньше, чем JPG. с тем же визуальным качеством, согласно собственному исследованию Google 1000 веб-изображений. Оба формата созданы для фотографий с потерями, поэтому реальный вопрос не в том, какой из них выглядит лучше, а в том, какой баланс размера, совместимости и функций подходит для вашей работы. JPG датируется 1992 годом и открывается на всех когда-либо выпущенных устройствах. WebP появился в 2010 году и добавляет прозрачность, анимацию и режим без потерь, которых нет в JPG. Это сравнение охватывает происхождение этих двух форматов, тесты на размер, почему каждый из них не справляется со сжатием, функции, которые добавляет WebP, поддержку браузера, влияние на скорость страницы и случаи, когда JPG остается более безопасным выбором.

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

Что такое JPG

JPG создан Объединенной группой экспертов по фотографии, комитетом, который определил его в 1992 году, и был создан для одной задачи: уменьшения размера фотографий. Он использует сжатие с потерями, разделяя изображение на Блоки 8 на 8 пикселей и отбрасывая мелкие детали, которые человеческое зрение едва замечает. Колесо качества от 0 до 100 определяет, насколько агрессивным является отбрасывание. Спустя более чем три десятилетия поддержка JPG стала универсальной: каждая операционная система, браузер, камера, принтер и приложение для работы с фотографиями считывают его без какой-либо настройки. Этот охват является его определяющей силой.

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

Что такое WebP

WebP — это формат изображений, выпущенный Google в 2010 году и основанный на сжатии видеокодеком VP8. Цель была простой: уменьшить размер веб-изображений, чтобы страницы загружались быстрее. Google разработал его для замены трех форматов одновременно, соответствующих Фотосжатие JPG, прозрачность PNG и анимация GIF. в одном контейнере. Он предлагает как режим с потерями для фотографий, так и режим без потерь, который в точности соответствует PNG.

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

Размер файла при соответствующем качестве

Размер файла — вот где WebP выигрывает на бумаге. При том же качестве восприятия в режиме с потерями в WebP фотография сохраняется в примерно на треть меньше места чем JPG, поскольку он использует более новое предсказание и энтропийное кодирование. Разрыв увеличивается на изображениях с плоскими областями и чистыми краями и сужается на зернистых, детализированных фотографиях, где оба формата изо всех сил пытаются найти избыточность. Исследование Google, посвященное 1000 изображений, показало, что средняя экономия составляет от 25 до 34 процентов.

На веб-странице с большим количеством изображений треть каждой фотографии настоящая. Размер страницы, содержащей 3 МБ в формате JPG, уменьшается примерно до 2 МБ в формате WebP, что составляет секунды времени загрузки при медленном мобильном соединении. Умножьте это на каждую страницу сайта, и вы получите существенную экономию трафика как для посетителей, так и для затрат на хостинг.

Где качество отличается

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

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

Что добавляет WebP и чего не хватает JPG

WebP делает три вещи, которые JPG не может, и каждое из них имеет значение для разных задач:

Прозрачность: WebP поддерживает полный альфа-канал, поэтому вырезанный логотип или снимок продукта остается прозрачным, а JPG заполняет фон сплошным цветом.
Анимация: WebP поддерживает анимированные клипы, заменяя GIF файлами меньшего размера и с миллионами цветов вместо 256.
Режим без потерь: WebP может точно соответствовать PNG, пиксель за пикселем, при этом веся меньше, поэтому он также служит заменой PNG.

JPG не предлагает ничего из этого. Это универсальный формат фотографий, простой, но узкий.

Поддержка браузера и программного обеспечения

Поддержка — это остающееся преимущество JPG, и оно сокращается. JPG откроется через каждый браузер, почтовый клиент, принтер и устаревшая программа когда-либо сделанный. WebP теперь читается Chrome, Firefox, Safari и Edge, поэтому в открытой сети вопрос совместимости по существу решен. Пробелы существуют и в других местах: некоторые старые настольные программы, несколько почтовых клиентов и многие формы загрузки по-прежнему принимают только JPG или PNG.

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

Влияние на скорость сайта

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

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

Когда JPG по-прежнему является более безопасным выбором

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

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

Как конвертировать между двумя

Преобразование в любом направлении не требует установки. Конвертер браузера перекодирует файл на вашем устройстве, поэтому при переключении форматов ничего не загружается. Наш Конвертер PNG в JPG и Конвертер PNG в WebP оба работают через HTML5 Canvas API, группируют несколько файлов одновременно и не добавляют водяных знаков. Установите качество, конвертируйте и скачивайте. Для веб-сайта сохраните оригинал и создайте резервный вариант WebP и JPG.

Почему фотографы все еще предпочитают JPG

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

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

Как настройка качества меняет сравнение

Индикатор качества меняет формат, который выглядит лучше. В качество 90 и выше, JPG и WebP визуально идентичны, поэтому единственная разница — это размер файла, в котором выигрывает WebP. Уменьшите качество до 60 или ниже, и эти два параметра расходятся: JPG показывает блочные квадраты и звон по краям, а WebP размазывается до мягкости. Ни то, ни другое не приятно, но они терпят неудачу по-разному.

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

Вердикт

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

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

Какие настройки качества следует использовать для WebP?

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

Камеры снимают в WebP?

Нет. Камеры снимают в формате JPG или RAW., а не WebP, поэтому JPG остается родным форматом для рабочих процессов доставки и редактирования фотографий.

WebP лучше, чем JPG?

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

Насколько WebP меньше JPG?

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

WebP выглядит хуже, чем JPG?

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

Все ли браузеры поддерживают WebP?

Современные делают. Chrome, Firefox, Safari и Edge читают WebP. Некоторые старые настольные программы, почтовые клиенты и формы загрузки по-прежнему принимают только JPG.

Сохраняет ли WebP прозрачный фон?

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

Что лучше для веб-сайта: JPG или WebP?

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

Могу ли я отправить файл WebP по электронной почте?

Рискованно. Некоторые почтовые клиенты не отображают WebP, поэтому он может отображаться как сломанный. Конвертируйте в JPG для электронной почты, которую отображает каждый клиент.

Теряет ли качество преобразование JPG в WebP?

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

Подходит ли WebP для печати?

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

Могу ли я конвертировать JPG в WebP или WebP в JPG?

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

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

Краткая справка: JPG или WebP.

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