Руководства

PNG или JPG: когда использовать каждый формат изображения

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

Как работает JPG

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

Главное преимущество — соотношение веса и внешнего вида у изображений с плавными градиентами и тысячами цветов: пейзажей, портретов, фото товаров.

Как работает PNG

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

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

Простое правило выбора

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

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

Разница в весе: пример

Представьте фотографию 1920 на 1280 пикселей. В JPG с качеством 80 она может весить около 300–500 КБ. То же изображение в PNG легко превышает 2 МБ. Теперь возьмём логотип 800 на 300 пикселей с четырьмя цветами: в PNG он может весить 10 КБ, а в JPG примерно столько же, но с чуть грязными краями вокруг текста.

Точные цифры зависят от изображения, но тенденция повторяется: правильный формат для правильного содержимого даёт файлы меньше и лучше по виду.

А что насчёт WebP

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

Его ограничение — совместимость со старым программным обеспечением и некоторыми порталами, принимающими только JPG или PNG. Если форма отклоняет ваш файл, преобразуйте его в нужный формат.

Как безопасно конвертировать между форматами

Чтобы перейти из PNG в JPG, воспользуйтесь конвертером Zipnify, выберите качество и скачайте результат. Если у изображения была прозрачность, она будет заполнена цветом фона. Переход из JPG в PNG качество не улучшает: он лишь предотвращает дальнейшие потери при будущих сохранениях, а файл станет тяжелее.

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

Попробовать инструмент: PNG в JPG

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

У PNG качество лучше, чем у JPG?

PNG не теряет информацию при сохранении, но это важно только для графики и скриншотов. Для фотографий хорошо настроенный JPG выглядит так же при гораздо меньшем весе.

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

Вероятно, это фотография. PNG хранит каждую деталь, ничего не отбрасывая, а в фото деталей очень много. Преобразуйте её в JPG или WebP.

Поддерживает ли JPG прозрачный фон?

Нет. При конвертации изображения с прозрачностью в JPG фон заполняется, обычно белым.

Стоит ли конвертировать JPG в PNG, чтобы улучшить его?

Изображение это не улучшит. Это лишь предотвратит дальнейшие потери при будущих сохранениях и увеличит вес файла.

Другие руководства