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, чтобы улучшить его?
Изображение это не улучшит. Это лишь предотвратит дальнейшие потери при будущих сохранениях и увеличит вес файла.