JPG или PNG: сравнение в таблице
| JPG (JPEG) | PNG | |
|---|---|---|
| Сжатие | С потерями — мелкие детали отбрасываются | Без потерь — сохраняется каждый пиксель |
| Прозрачность | Нет | Да, включая полупрозрачные области |
| Размер файла для фото | Небольшой | В несколько раз больше |
| Размер файла для скриншотов и графики | Часто больше, с размытыми краями | Небольшой, идеальная чёткость |
| Многократное редактирование | Каждое сохранение немного снижает качество | Без потерь |
| Для чего подходит | Фото и сканы фотографий | Скриншоты, текст, логотипы, иконки, диаграммы |
Коротко: JPG — для фото, PNG — для всего, где есть чёткие края, текст или прозрачность.
Как работает сжатие JPEG
JPEG, стандартизированный в 1992 году, построен на особенностях нашего зрения. Он отделяет яркость от цвета и обычно хранит цвет с более низким разрешением, потому что глаз хуже замечает цветовые детали. Затем изображение разбивается на блоки 8 × 8 пикселей, каждый блок преобразуется в частоты (дискретное косинусное преобразование), а самые мелкие детали округляются — насколько сильно, определяет настройка качества. То, что осталось, упаковывается кодированием Хаффмана.
Для фотографий это работает поразительно хорошо: при качестве 85–90 % JPG занимает лишь малую долю несжатого размера и выглядит так же. Но вокруг чётких краёв и текста округление проявляется в виде блоков и слабых ореолов, а при каждом редактировании и повторном сохранении JPG теряется ещё немного деталей.
Как работает сжатие PNG
PNG появился в 1996 году как свободная от патентов замена GIF. Он никогда ничего не отбрасывает: каждая строка пикселей сначала проходит через фильтр, который предсказывает пиксели по соседним, а результат сжимается алгоритмом DEFLATE — тем же, что используется в ZIP-архивах. Большие однотонные области, повторяющиеся узоры и чёткие края сжимаются очень хорошо, а случайные детали фотографии почти не сжимаются.
PNG поддерживает полноцветные изображения с глубиной до 16 бит на канал, альфа-канал для плавной прозрачности и режим палитры до 256 цветов для очень маленькой графики.
Когда использовать JPG
- Фото с фотоаппаратов и телефонов
- Сканы фотографий и документов с изображениями
- Фото на сайтах, в письмах и соцсетях
- Всегда, когда небольшой размер файла важнее попиксельной точности
Для большинства задач оптимальное качество — 80–90 %.
Когда использовать PNG
- Скриншоты, особенно с текстом и элементами интерфейса
- Логотипы, иконки и графика с однотонными цветами
- Диаграммы, схемы и штриховые рисунки
- Изображения, которым нужен прозрачный фон
- Изображения, которые вы будете несколько раз редактировать и сохранять
А как же WebP, AVIF, HEIC и GIF?
- WebP бывает с потерями и без потерь и поддерживает прозрачность; файлы обычно заметно меньше JPG и PNG, а показывают его все современные браузеры — хороший выбор для сайтов.
- AVIF сжимает ещё лучше WebP и поддерживается современными браузерами, но пока не многими другими программами.
- HEIC — формат фото на iPhone: эффективный, но его не поддерживают большинство браузеров и многие программы, поэтому его часто конвертируют в JPG.
- GIF ограничен 256 цветами и сегодня полезен разве что для простых анимаций.
- SVG — векторный формат и лучший выбор для логотипов и иконок, если у вас есть исходный векторный файл.
Конвертация между JPG и PNG
Конвертация PNG в JPG делает фото и большие изображения намного меньше; прозрачные области заливаются цветом фона. Конвертация JPG в PNG защищает от дальнейших потерь, если вы продолжаете редактировать изображение, но не возвращает детали, уже удалённые сжатием JPEG, — файл лишь становится больше. Обе конвертации выполняются прямо в браузере с помощью конвертеров «PNG в JPG» и «JPG в PNG» на этом сайте — сразу для многих файлов.
JPG, JPEG или JFIF?
Это один и тот же формат. JPEG — название стандарта (по имени Joint Photographic Experts Group); расширение .jpg стало привычным, потому что ранние версии Windows допускали только трёхбуквенные расширения; .jpeg и .jfif — другие расширения для тех же данных изображения. Переименование из одного в другое ничего не меняет в самом изображении.
Часто задаваемые вопросы
У PNG качество лучше, чем у JPG?
PNG сжимает без потерь, поэтому никогда не теряет детали. Но для фото JPG с качеством 85–90 % выглядит так же при гораздо меньшем размере файла, так что для фотографий PNG не «лучше», а просто больше.
Что использовать на сайте — JPG или PNG?
JPG (или WebP) — для фото, PNG (или WebP) — для скриншотов, графики и изображений с прозрачностью. Для логотипов и иконок часто лучше всего подходит SVG.
Улучшает ли конвертация JPG в PNG качество?
Нет. PNG выглядит точно так же, как JPG, — он лишь предотвращает дополнительные потери при дальнейшем редактировании.
Обновлено: