Перейти к содержимому

JPG, PNG или WebP: какой формат изображения использовать?

Три формата покрывают почти любое изображение, которое вы когда-либо загрузите, и они не взаимозаменяемы. Выберете не тот — и получите файл в три раза больше нужного, некрасивый белый прямоугольник вокруг логотипа или форму, которая просто откажется принять файл. Вот как выбрать примерно за десять секунд.

Команда CrispPic3 мин чтения

Краткий ответ

  • Фотографии: JPG — или WebP, если вы знаете, что место назначения его принимает.
  • Скриншоты, логотипы, текст и схемы: PNG — или WebP.
  • Всё с прозрачным фоном: PNG или WebP. Никогда не JPG.
  • Сайты: WebP, с JPG как безопасным запасным вариантом.

Рядом друг с другом

JPGPNGWebP
СжатиеС потерямиБез потерьС потерями или без
Лучше всего дляФотографийСкриншотов, логотипов, графики с текстомИ того и другого — хороший универсал
ПрозрачностьНетДаДа
Размер типичной фотографииНебольшойОчень большойСамый маленький из трёх
СовместимостьВсёВсёВсе современные браузеры; некоторые старые приложения и формы загрузки его отклоняют

JPG: универсальный формат для фотографий

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

PNG: точные пиксели, большие файлы

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

WebP: меньше при том же качестве

WebP создан Google, чтобы заменить оба предыдущих формата. Он поддерживает сжатие с потерями и без, а также прозрачность, а файлы обычно на 25–35% меньше эквивалентного JPG. Все основные современные браузеры умеют его показывать. Обратная сторона — совместимость за пределами браузера: некоторые старые программы, формы загрузки и торговые площадки по-прежнему принимают только JPG или PNG.

Что происходит при конвертации

  • PNG в JPG: прозрачные области заменяются сплошным фоном (в CrispPic — белым), а файл обычно становится намного меньше.
  • JPG в PNG: файл становится больше, не становясь лучше, а любые артефакты JPEG сохраняются навсегда.
  • JPG в WebP: обычно меньше при сопоставимом качестве. Это ещё один шаг с потерями, поэтому конвертируйте из оригинала, когда можете.
  • HEIC в JPG: см. гайд по HEIC.

Замечание об AVIF

AVIF — более новый формат, который может превзойти WebP по размеру. CrispPic принимает изображения AVIF на вход, но экспортирует JPG, PNG и WebP, потому что эти форматы работают почти везде.

Практическое правило

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

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

WebP лучше JPG?

Он даёт файлы меньшего размера при сопоставимом качестве, так что на сайте обычно да. Но «лучше» зависит от того, куда идёт файл: если форма говорит только JPG, WebP там бесполезен.

Почему мой PNG такой тяжёлый?

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

Можно ли улучшить качество JPG, конвертировав его в PNG?

Нет. Конвертация может лишь сохранить то, что уже есть; она не вернёт детали, отброшенные при создании JPG.

Какие форматы сохраняют прозрачный фон?

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

Попробуйте с уже выставленными нужными настройками

Эти страницы открывают инструмент CrispPic, настроенный именно под этот случай. Ваше изображение обрабатывается в вашем браузере: оно нигде не загружается.

Бесплатно, без аккаунта и без водяных знаков.

Приватность по умолчанию

Каждое преобразование происходит в вашем браузере. Мы не смогли бы увидеть ваши изображения при всём желании.