JPG, PNG или WebP: какой формат выбрать для фотографий и веба

Короткий ответ за 30 секунд

Если нет времени читать — вот готовое правило, которое закрывает 95 % случаев:

• Хранить и пересылать снимки — JPG. Его открывает абсолютно всё, а при качестве 80–90 % файл небольшой и без видимых потерь.
• Выкладывать на сайт — WebP (или AVIF для крупных кадров). Те же фото весят на четверть-половину меньше, страница грузится быстрее.
• Фотографии в PNG — почти никогда. PNG раздувает снимок в разы без выигрыша в качестве; он создан для графики, а не для фото.

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

JPG — почему он дефолт для снимков

JPG (он же JPEG) появился в 1992 году и с тех пор стал самым распространённым форматом изображений на планете. Причина проста: он был придуман специально для фотографий. Его сжатие с потерями отлично работает именно с тем, из чего состоит снимок — плавными переходами цвета, мягкими тенями, градиентами неба и кожи.

Алгоритм JPG отбрасывает те детали, которые человеческий глаз почти не замечает, и за счёт этого ужимает фото в десятки раз. Кадр с камеры на 25 МБ в RAW превращается в аккуратный JPG на 3–5 МБ — а на глаз разницы почти нет. Для веб-версии того же кадра хватит и 200–400 КБ.

Сильные стороны JPG, из-за которых он остаётся дефолтом для фотографий:

• Совместимость со всем. Телефоны, камеры, браузеры, мессенджеры, принтеры, фоторамки, старые ноутбуки — JPG открывается везде и без исключений.
• Маленький размер. Для фотографического содержимого JPG почти всегда легче любого формата без потерь.
• Предсказуемость. Вы точно знаете, что получите, и можете тонко управлять балансом «качество против веса».

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

WebP — минус четверть веса и больше возможностей

WebP — формат от Google, выпущенный в 2010 году специально для веба. Его задача — давать ту же картинку, что и JPG, но в более лёгком файле. И это у него получается: при одинаковом визуальном качестве WebP весит на 25–35 % меньше JPG.

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

Но экономия размера — не единственное преимущество. WebP умеет то, чего JPG не умеет в принципе:

• Прозрачность (альфа-канал) — как у PNG, но в гораздо более лёгком файле.
• Анимацию — то есть может заменить тяжёлые GIF.
• Сжатие и с потерями, и без потерь — один формат на два сценария.

Главный вопрос про WebP всегда один: «а его все откроют?» В 2026 году ответ — да, почти все. WebP поддерживают примерно 95 % браузеров: Chrome, Firefox, Edge, Safari, Opera и мобильные версии. Поэтому для сайта его можно ставить почти без оглядки. Перевести готовую фотобиблиотеку поможет конвертер JPG → WebP, а если WebP-файл нужно открыть в старой программе — WebP → JPG вернёт его в привычный формат.

AVIF — половина веса JPG

Если WebP — это «JPG, но легче», то AVIF — это «WebP, но ещё легче». Формат построен на видеокодеке AV1 и сжимает картинку агрессивнее всех остальных в этом сравнении.

Цифры говорят сами за себя: AVIF при сопоставимом качестве примерно на 20–30 % меньше WebP и почти вдвое меньше JPG. Та самая обложка-герой страницы, которая в JPG весит 320 КB, в AVIF уместится примерно в 110–160 КB. На реальном мобильном соединении это разница между «страница ощущается быстрой» и «страница тормозит».

Кроме размера, AVIF приносит современные возможности: HDR и расширенный цвет (10–12 бит), прозрачность и анимацию. Для качественного фотоконтента это лучший формат на сегодня по соотношению «вес/качество».

PNG — почему он почти никогда не для фото

Здесь главный миф, который стоит развеять. PNG часто считают «качественным форматом» и поэтому тянут в него фотографии — мол, без потерь же, значит лучше. На деле для снимков это почти всегда ошибка.

PNG сжимает без потерь: он сохраняет каждый пиксель в точности. Для фотографии, где миллионы плавных цветовых переходов, это означает огромный файл. Тот же кадр, который в JPG весит 400 КB, в PNG легко раздуется до 3–5 МB — в 5–10 раз тяжелее — при этом на глаз вы не увидите никакой разницы в качестве. Вы платите мегабайтами за детали, которые всё равно не различить.

PNG силён там, где JPG как раз слаб — на графике с резкими краями:

• Логотипы и иконки — чёткие линии, плоские цвета, часто прозрачный фон.
• Скриншоты — текст и интерфейс остаются резкими, без «грязи» вокруг букв.
• Иллюстрации и графики — где важна точность каждого пикселя.
• Картинки с прозрачностью — если нужен альфа-канал, а WebP/AVIF недоступны.

Если PNG к вам всё же попал, а это фотография — его стоит перевести во что-то более лёгкое. С этим помогут PNG → JPG для универсальности или конвертация в WebP через страницу всех форматов.

Совместимость: где какой формат поймут

Размер файла — это только половина истории. Вторая половина — откроется ли картинка там, куда вы её отправляете. И вот здесь JPG по-прежнему вне конкуренции.

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

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

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Описание фото">
</picture>

Таблица: JPG, PNG, WebP и AVIF

Всё сравнение на одном экране. Зелёным — сильная сторона формата, серым — слабая.

* Анимацию умеет родственник PNG — формат APNG, но это отдельная история.

Как хранить, выкладывать и конвертировать

Соберём всё в практические сценарии — чтобы вы точно знали, что делать с конкретным фото.

Нужна другая пара? Все направления — на странице всех форматов: WebP → JPG, JPG → PNG, PNG → JPG и десятки других. Конвертация идёт в браузере, файлы удаляются автоматически.