Как устроены форматы
JPG использует сжатие с потерями: делит картинку на блоки 8×8 пикселей и упрощает то, что глаз не замечает. Поэтому фото — его стихия: плавные переходы и текстуры жмутся в разы. А резкие края и текст — ахиллесова пята: вокруг них появляются ореолы.
PNG сжимает без потерь: точно сохраняет каждый пиксель, используя предсказание и словарные методы. Идеален для графики, скриншотов и всего с чёткими краями. Плюс полноценная прозрачность. Минус — фото в PNG весят неподъёмно: для миллионов оттенков попиксельная точность избыточна.
WebP — гибрид нового поколения: умеет и сжатие с потерями (эффективнее JPG на 25–35%), и без потерь, и прозрачность, и анимацию. Технически — лучшее из обоих миров, практически — стандарт современного веба.
Сравнительная таблица
Вес фото: WebP < JPG < PNG. WebP — чемпион лёгкости, PNG — аутсайдер для фотографий. Разница между WebP и JPG — четверть-треть, между JPG и PNG — разы.
Качество текста и графики: PNG = WebP-lossless > WebP-lossy > JPG. Для скриншотов и чертежей PNG безупречен, JPG заметно «мылит».
Прозрачность: PNG и WebP — да, JPG — нет. Анимация: WebP — да, PNG и JPG — нет (для анимации есть APNG и GIF, но это отдельные истории).
Совместимость: JPG понимают все, включая древний софт; PNG — почти все; WebP — все современные браузеры и телефоны, но не старые программы. Выбирая формат, вы всегда балансируете между весом, качеством и совместимостью.
Как форматы связаны с конвертацией
Конвертация — это перевод между этими тремя мирами. PNG → WebP: сброс избыточной точности ради лёгкости. JPG → WebP: модернизация без смены картинки. WebP → JPG: жертва весом ради совместимости.
Понимать устройство форматов — значит понимать, что произойдёт при переводе. PNG → JPG: потеря точности и прозрачности, выигрыш в весе. JPG → PNG: рост веса без выигрыша в качестве. WebP ↔ JPG: обмен четверти веса на совместимость.
Золотое правило: переводите в сторону, соответствующую задаче. Для веба — в WebP, для совместимости — в JPG, для редактирования — в PNG. Формат — это инструмент, а не религия.
Что будет дальше
WebP уже победил в вебе, но на горизонте AVIF — ещё эффективнее. Пока его поддержка не повсеместна, WebP остаётся разумным выбором: баланс веса, качества и совместимости.
JPG никуда не денется: тридцать лет совместимости — это актив, который не перечеркнуть. Для архивов, типографий и консервативных систем он останется стандартом ещё надолго.
PNG тоже вечен в своей нише: скриншоты, графика, промежуточные файлы для редактирования. Три формата, три ниши — учитесь выбирать, а не фанатеть.
Выбор формата за 10 секунд: дерево решений
Вопрос первый: картинка для веба? Да — WebP. Нет — дальше. Вопрос второй: нужна прозрачность? Да — PNG (или WebP). Нет — дальше. Вопрос третий: получатель — старый софт? Да — JPG. Нет — WebP.
Три вопроса — десять секунд. Дерево покрывает 95% случаев: веб, прозрачность, совместимость — три кита выбора формата.
Оставшиеся 5% — особые случаи: печать (JPG 95% или TIFF), редактирование (PNG), анимация (WebP или GIF). Для них уже нужны знания из этой статьи — но теперь у вас есть и дерево, и понимание.
Частые вопросы
Какой формат самый современный?
WebP — для веба сегодня. На горизонте AVIF (ещё легче), но его поддержка пока не повсеместна.
Почему JPG до сих пор жив?
Совместимость: его открывают все устройства и программы за 30 лет. Для обмена файлами с неизвестным получателем JPG — самый безопасный выбор.
В чём подвох WebP?
Подвоха нет, есть нюанс: очень старый софт его не понимает. Для веба и современных устройств — никаких проблем.