PNG или JPG? Простой выбор за 30 секунд
Четыре вопроса, которые каждый раз решают эту дилемму. Без необходимости понимать теорию сжатия или читать очередное объяснение коэффициентов ДКП.
Используйте PNG для прозрачности, скриншотов, логотипов и диаграмм. Используйте JPG для фотографий. Эти два правила решают почти все задачи, и вам вряд ли придется думать над выбором дольше нескольких секунд.
Пройдитесь по списку ниже и остановитесь на первом ответе «да». Если ни один из вопросов не подходит, честный ответ в 2026 году — использовать WebP, который справляется с обоими типами изображений лучше, чем любой из старых форматов.
4 вопроса, которые все решают
- Нужен прозрачный фон? Используйте PNG.
- Это скриншот, логотип, диаграмма или что-то с четкими краями и однотонной заливкой? Используйте PNG.
- Это фотография? Используйте JPEG.
- Будет ли файл редактироваться и повторно сохраняться многократно? Используйте PNG, так как JPEG теряет качество при каждом сохранении.
Почему эти два формата ведут себя по-разному
PNG сохраняет каждый пиксель в точности, в то время как JPEG отбрасывает детали, которые человеческий глаз вряд ли заметит. Это единственное различие объясняет все рекомендации в данной статье.
Сжатие PNG находит повторяющиеся элементы и описывает их эффективно, что отлично работает на однотонных цветах и плохо — на фотографическом шуме. Сжатие JPEG разбивает изображение на блоки и упрощает детали внутри каждого из них, что превосходно работает на плавных переходах цветов на фото и плохо — на резких границах. Каждый формат эффективен именно на том контенте, с которым другой справляется плохо.
Что происходит при неправильном выборе
Фотография, сохраненная в формате PNG, становится в 3–5 раз больше, чем необходимо, а у скриншота, сохраненного в JPEG, появляются видимые ореолы вокруг текста. Обе ошибки типичны, и обе легко заметить.
| Тип изображения | В формате PNG | В формате JPEG (качество 85) | Правильный выбор |
|---|---|---|---|
| Фотография, 12 мегапикселей | 18 MB | 2.4 MB | JPEG |
| Скриншот с текстом | 180 KB | 240 KB и размытый текст | PNG |
| Логотип с прозрачностью | 40 KB | Прозрачность потеряна | PNG |
| График или диаграмма | 90 KB | 150 KB с ореолами | PNG |
| Отсканированная фотография | 12 MB | 1.8 MB | JPEG |
Строка со скриншотом удивляет людей больше всего. JPEG создает файл большего размера, чем PNG, на плоской графике и одновременно портит текст — это худшее из возможных сочетаний.
Прозрачность — правило без исключений
В JPEG нет канала прозрачности, поэтому при конвертации прозрачный фон становится сплошным белым. Никакие настройки качества этого не изменят, так как в формате просто негде записывать эту информацию.
Эта проблема проявляется в виде белого прямоугольника позади логотипа, размещенного на цветной странице. Там, где нужна прозрачность, выбором должен быть PNG или WebP. WebP поддерживает прозрачность и сжатие с потерями одновременно — это то единственное, чего не может сделать ни один из старых форматов, и обычно он создает файл на 25–35 процентов меньше, чем эквивалент в PNG.
Почему качество JPEG ухудшается при повторном сохранении
Каждое сохранение в JPEG безвозвратно отбрасывает детали, и эти потери накапливаются от сохранения к сохранению. Открыть JPEG, внести небольшую правку и снова сохранить его — это не бесследная операция.
После 5 или 6 циклов повреждения становятся заметны в виде пикселизации на гладких участках и ореолов вокруг краев. У PNG никогда не бывает этой проблемы, потому что он каждый раз восстанавливает изображение в точности. Храните рабочие файлы в формате PNG или в родном формате вашего редактора, а экспортируйте в JPEG только финальную копию для отправки.
Скриншоты почти всегда должны быть в PNG
Скриншоты содержат текст, границы интерфейса и однотонные цвета — именно тот контент, который PNG сохраняет эффективно, а JPEG портит. Текст выдает это сразу, так как артефакты JPEG вокруг букв легко заметить.
Существует одно исключение. Скриншот фотографии, кадра из видео или игры — это фотографический контент в оболочке скриншота, и JPEG справляется с ним правильно. Судите по тому, что изображено на картинке, а не по тому, как был создан файл.
Какую настройку качества использовать для JPEG
Используйте качество 85 для общего использования и качество 75 для изображений в вебе, так как видимая разница между ними мала, а разница в размере файлов огромна. Качество 100 примерно удваивает размер файла без видимого выигрыша.
- Качество от 90 до 95 для архивов, печати и фотографий, которые вы будете редактировать позже.
- Качество от 80 до 85 для общего использования, где потеря качества незаметна при обычном размере просмотра.
- Качество от 70 до 75 для веб-страниц — именно этот диапазон подходит для большинства сайтов.
- Качество от 50 до 65 только тогда, когда этого требуют жесткие лимиты на размер загрузки.
- Качество 100 ни для чего, так как JPEG остается форматом с потерями даже при максимальной настройке.
Как уменьшить слишком большой PNG
В PNG нет ползунка качества, поэтому используйте следующие 4 подхода в порядке их эффективности.
- Уменьшите разрешение, что ничего не стоит и обычно дает самый большой выигрыш. Никому не нужен скриншот шириной в 5000 пикселей.
- Уменьшите глубину цвета, что хорошо работает на плоской графике и плохо — на фотографиях.
- Обрежьте неиспользуемые области, так как пустое пространство все равно увеличивает размер файла.
- Конвертируйте в WebP, который сохраняет прозрачность и обычно оказывается на 25–35 процентов меньше.
Когда JPG требуется независимо от контента
Государственные порталы, экзаменационные формы и большинство сервисов печати принимают только JPG, независимо от того, что содержит изображение. Правило о типе контента уступает правилу о требованиях платформы.
Отсканированные документы — сложный случай, так как страница с текстом — это плоская графика, которую PNG сохранил бы лучше, но портал требует JPG. Сканируйте в оттенках серого, держите разрешение около 300 точек на дюйм и используйте качество 85 или выше, чтобы текст оставался читаемым. Результат будет больше, чем был бы в PNG, но зато файл точно загрузится.
Действительно ли PNG означает лучшее качество
PNG — это формат без потерь, что не тождественно понятию «выглядит лучше». Фотография, сохраненная в PNG, выглядит точно так же, как та же фотография в качестве JPEG 90, но занимает при этом в 5 раз больше места.
Путаница возникает из-за термина «без потерь», который описывает способ хранения файла, а не то, как выглядит изображение. Отсутствие потерь важно, когда файл будет неоднократно редактироваться или когда требуются точные значения пикселей. Для фотографии, опубликованной один раз и просматриваемой на экране, это различие не имеет видимых последствий.
Какое место занимает WebP между ними
WebP предлагает как режим сжатия с потерями для фотографий, так и режим без потерь для графики, плюс прозрачность в обоих случаях. Этот формат избавляет от необходимости выбирать в большинстве веб-ситуаций.
Все современные браузеры поддерживают WebP, поэтому у веб-сайтов нет причин предпочитать PNG или JPEG из соображений совместимости. Оставьте старые форматы для файлов, которые выходят за пределы браузера, включая формы загрузки, вложения в письма, пресс-киты и все, что отправляется на печать, где поддержка WebP все еще слабая.
Конвертация между двумя форматами
Конвертация PNG в JPG уменьшает размер файла и удаляет прозрачность. Конвертация JPG в PNG увеличивает размер файла и ничего не восстанавливает. Второе направление — это то, в чем люди чаще всего ошибаются.
Детали, уже отброшенные сжатием JPEG, невозможно восстановить путем сохранения в формат без потерь. Конвертация JPEG в PNG создает файл большего размера, содержащий то же самое поврежденное изображение, что изредка полезно, когда система требует именно PNG, и никогда не полезно для качества. Конвертируйте из источника наивысшего качества, который у вас есть, а не из копии для отправки.
Конвертация папки за один проход
Конвертируйте всю библиотеку сразу, а не по одному файлу, так как решения о формате обычно применимы ко всей категории изображений. Для папки со скриншотами нужен PNG, а для папки с фотографиями товаров — JPG или WebP.
Перетащите до 500 файлов за раз или перенесите ZIP-архив прямо в окно, и каждое изображение вернется конвертированным по тем же спецификациям. Все работает внутри вашего браузера на вашем собственном процессоре, поэтому рабочие проекты клиентов, неопубликованные дизайны и внутренние скриншоты никогда не попадут на сервер. Ничего не загружается в сеть, а значит, нет никаких правил хранения данных и ничего нигде не сохраняется после окончания работы.
Разделите библиотеку на фотографии и графику перед конвертацией, так как правильный формат для этих двух групп различается. Этот единственный шаг сортировки превращает принятие решения о формате в пакетную задачу, и именно поэтому на 4 вопроса в начале этой статьи стоит ответить один раз для всей папки, а не для каждого файла по отдельности.