Когда нужен PNG, а когда JPEG

Правило умещается в строку: плавные переходы — JPEG, резкие границы — PNG. JPEG кодирует блоками 8×8 и выбрасывает высокие частоты, поэтому фотография у него выходит лёгкой и почти неотличимой, а текст, схема и штрихкод получают ореолы. PNG сжимает без потерь, экономя на повторах в рядах пикселей: ровная заливка обходится почти бесплатно, шум бумаги — нет. Лист A4 при 300 DPI это 2479×3508 пикселя, то есть 8,7 мегапикселя и 24,9 МБ сырых данных.

Локально в браузередо 100 МБбез регистрации

Коротко о цифрах

A4 при 300 DPI: 2479×3508 пикселя = 8,7 мегапикселя
Сырые данные RGB: 24,9 МБ до всякого сжатия
На чём экономит PNG: на повторах в рядах пикселей: ровная заливка почти бесплатна
Что теряет JPEG: высокие частоты внутри блока 8×8
Альфа-канал: есть у PNG и WebP, у JPEG отсутствует

Как устроен каждый

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

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

Когда PNG выигрывает и по весу тоже

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

Когда PNG проигрывает

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

Как выбрать за один вопрос

Спросите себя, есть ли на картинке текст, линии или код, который будет читать машина.
Есть — берите PNG и не думайте о весе: точность краёв здесь важнее килобайтов.
Нет, это фотография или скан с шумом — берите JPEG и подбирайте качество по результату.
Сомневаетесь — сохраните оба варианта и сравните в масштабе 100 % на одном и том же фрагменте.

Частые вопросы

Почему скан в PNG весит больше фотографии того же размера?

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

Можно ли перевести JPEG в PNG и вернуть качество?

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

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

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

А WebP заменяет оба формата сразу?

Технически он умеет и то и другое, но открывается не везде: браузеры его понимают, а часть настольных программ и почтовых клиентов нет. Для отправки людям безопаснее классические форматы.