JPG, JPEG или PNG: в чем разница и какой формат выбрать

JPEG — это название комитета, а не файла. Joint Photographic Experts Group, работавшая под эгидой ISO и ITU, опубликовала свой стандарт сжатия в 1992 году как ISO/IEC 10918-1, он же ITU-T T.81. Стандарт описывает, как уместить фотографию в меньшее число байт, но не говорит, как называть файл. Очевидным расширением стало .jpeg, его использовали системы Unix и первые Mac. Группа до сих пор ведёт jpeg.org и наряду с исходным форматом развивает новые, такие как JPEG 2000 и JPEG XL.

Windows пошла другим путём из-за MS-DOS. Имена файлов в DOS подчинялись правилу 8.3: до восьми символов, точка и не более трёх символов расширения. Четырёхбуквенное .jpeg просто не могло существовать на диске FAT того времени, поэтому программы Windows сохраняли .jpg. Windows 95 сняла ограничение, введя длинные имена, но к тому времени .jpg уже стало привычкой производителей камер, драйверов сканеров и сайтов. Правило файловой системы камер, которому следуют цифровые фотоаппараты, по-прежнему создаёт имена вроде DSC_0001.JPG, поэтому большинство фотографий в мире имеют трёхбуквенное расширение.

Внутри файла различий нет. .jpg и .jpeg открываются в одних и тех же программах, имеют один зарегистрированный тип данных image/jpeg и содержат одинаковые байты, если переименовать один в другой. Более редкие окончания .jpe и .jfif — тот же формат. Написание важно, только когда программа проверяет текст расширения, а не содержимое, например форма загрузки, где в списке разрешённых только jpg и png. Тогда переименуйте файл или пропустите его через JPEG в JPG: он пересохранит файл с качеством 95 и нужным форме расширением.

JPEG по замыслу сжимает с потерями. Кодировщик преобразует изображение из RGB в один канал яркости и два канала цвета и обычно хранит цветовые каналы в половинном разрешении, потому что глаз гораздо менее чувствителен к цветовым деталям, чем к яркости. Затем он режет картинку на блоки 8 × 8 пикселей, описывает каждый блок как сумму плавных волновых узоров и отбрасывает мелкие узоры, которые важны меньше всего. Число качества в окне экспорта определяет, насколько сильно идёт округление. При 85 фото на экране выглядит без изменений; при 50 экономия растёт, но округление начинает быть заметным.

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

Эта разница объясняет артефакты, которые вы наверняка видели. Повреждения JPEG проявляются как блочные квадраты на гладком небе, размазывание цвета вдоль насыщенных красных краёв и слабая рябь, называемая ринингом, вокруг резкого текста и линий. Повторное сохранение JPEG после правки повторяет округление и каждый раз добавляет немного искажений — это называется потерей поколений. PNG не добавляет собственных артефактов, но и не убирает уже имеющиеся: JPEG, преобразованный в PNG, сохраняет все блоки и рябь, просто хранит их идеально. Конвертер JPG в PNG нужен, чтобы зафиксировать картинку перед правкой, а не чтобы её исправить.

PNG может нести альфа-канал — четвёртое значение для каждого пикселя, определяющее его непрозрачность от 0 (невидим) до 255 (сплошной). Благодаря этому мягкие тени, сглаженные кривые и вырезанные товарные фото выглядят правильно на любом фоне, поэтому логотипы, значки, стикеры, оверлеи и элементы интерфейса обычно делают в PNG. PNG также хранит палитру до 256 цветов с прозрачностью, часто называемую PNG-8, что делает простые значки особенно компактными. В JPEG альфа-канала нет совсем: каждый пиксель полностью непрозрачен, и формат не может пометить область как прозрачную.

Поэтому при превращении PNG с прозрачностью в JPG пустые области чем-то нужно заполнить. Многие программы выбирают белый, некоторые чёрный, а небрежный конвертер может оставить тёмную кайму там, где были полупрозрачные края. Если нужен JPG, выберите заливку осознанно: конвертируйте PNG в JPG, указав для параметра Прозрачные области белый, чёрный или Свой вариант цвета, совпадающий со страницей или слайдом, где будет изображение. Обратно одной конвертацией не получится. Белый фон в JPG остаётся белым и в PNG; убрать его — задача редактирования: выделите фон и удалите его.

Именно в размере файла два формата различаются сильнее всего, а направление зависит от содержимого. Для фотографий JPEG с качеством 80–90 обычно в пять–десять раз меньше PNG с теми же размерами в пикселях, и на экране телефона или ноутбука разницы не видно. Для плоской графики порядок может поменяться: логотип, диаграмма или скриншот с текстом часто дают PNG меньше, чем JPG, причём PNG остаётся идеально чётким, а у JPG вокруг каждой буквы появляется рябь. Ниже приведены типичные диапазоны, а не замеры одного файла; шум, детализация и число цветов сдвигают их вверх или вниз.

Размер важнее, чем кажется. Gmail ограничивает вложения 25 MB на письмо, а Outlook.com — 20 MB, поэтому пять PNG-фото с телефона могут не пройти, а пять JPG уйдут без труда. Многие государственные порталы и сайты экзаменов ограничивают загрузку несколькими сотнями килобайт и меньше. Веб-страницы загружают каждый байт по мобильному интернету, и слишком тяжёлые PNG-фото — частая причина медленной страницы. Если JPG всё ещё слишком велик для портала, постепенное снижение качества обычно даёт нужный результат с меньшими видимыми изменениями, чем уменьшение размеров; оба подхода разобраны в руководстве по уменьшению размера фото в KB.

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

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

JPG — формат, который принимают почти все формы загрузки. Системы подачи на паспорт и визу, порталы экзаменов и вакансий, страховые заявления, школьные анкеты и объявления на маркетплейсах обычно указывают JPG или JPEG первым, часто с ограничением по весу в килобайтах и фиксированными размерами в пикселях. Например, онлайн-продление паспорта Госдепартамента США требует фото в виде файла JPEG. PNG на таких формах поддерживается нередко, но далеко не везде, а WebP, HEIC и AVIF часто отклоняются сразу. Если форма принимает только JPG, фото или скриншот в PNG нужно конвертировать, а не переименовывать: многие порталы проверяют реальное содержимое файла.

Иногда, наоборот, нужен PNG. App Store Connect ожидает значок приложения в PNG 1024 × 1024 px, Google Play просит значок PNG 512 × 512 px, а сервисы печати на футболках и кружках обычно требуют PNG с прозрачным фоном, чтобы просвечивал цвет ткани. Генераторы фавиконов, приложения для стикеров и шаблоны презентаций тоже часто предпочитают PNG по той же причине. В этих случаях JPG либо отклоняют, либо он выглядит неправильно: вокруг рисунка остается белая рамка там, где фон должен был исчезнуть.

Типографии занимают промежуточное положение. Фотолаборатории и киоски в магазинах везде принимают JPG, а PNG — не на всех стойках, и JPG, сохраненный с качеством 90 или выше, при обычных размерах печатается так же, как PNG. Для печати важнее разрешение, около 300 пикселей на дюйм при итоговом размере, и цвет. Коммерческая печать работает в CMYK, который JPEG хранить может, а PNG нет, поэтому офсетные типографии обычно просят PDF, TIFF или JPG высокого качества, а не PNG. Если сомневаетесь, отправьте в печать JPG с качеством 95.

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

Все три варианта работают в браузере. На UltKit вы загружаете до 20 файлов, каждый до 95 MB, выбираете нужный формат и нажимаете Преобразовать в JPG или Преобразовать в PNG; ничего устанавливать и регистрироваться не нужно, а файлы удаляются через 30 минут после обработки. На своем компьютере Paint в Windows и «Просмотр» на Mac могут по одному сохранять изображение как JPEG или PNG, но почти не дают управлять цветом фона, заменяющего прозрачность. На телефонах для любого направления обычно нужны приложение или сайт.

Результат определяют несколько настроек. Для фото, сохраняемых в JPG, Качество от 80 до 90 дает баланс между размером и видом; для печати и изображений с текстом берите 95. Включайте Удалить метаданные только если важны приватность или размер: дата съемки и модель камеры могут пригодиться позже. Если после конвертации файл все еще превышает лимит портала, сожмите его отдельно, а не подбирайте низкое качество наугад: так вы увидите реально полученный размер файла. Инструмент, ориентированный на размер, например сжать изображение, снижает качество, пока файл не уложится в лимит.