JPG: ветеран для фотографий
JPG (JPEG) создан для фотографий: он сжимает с потерями, умно упрощая плавные переходы и мелкие детали, которые глаз не замечает. Фото с камеры в JPG весит в 5–10 раз меньше, чем в несжатом виде, при неотличимой картинке.
Слабые места JPG: резкие края, текст и графика — вокруг них появляются ореолы и «мыло». И нет прозрачности: полупрозрачный фон в JPG невозможен в принципе. Для фото — отличный выбор, для скриншотов и логотипов — нет.
JPG понимает всё на свете: от старых телефонов до типографий. Если нужна максимальная совместимость — например, файл пойдёт в организацию с древним софтом, — JPG остаётся самым безопасным выбором. Ему больше тридцати лет, и он везде.
PNG: точность для графики
PNG сжимает без потерь: каждый пиксель сохраняется точно. Это формат для скриншотов, инфографики, логотипов, изображений с текстом — всего, где важна чёткость краёв. Плюс полноценная прозрачность, включая полупрозрачность.
Расплата — вес: фотография в PNG весит в разы больше, чем в JPG, потому что попиксельная точность для фото избыточна. Правило: графика и текст — PNG, фото — нет. Сжатие PNG в компрессоре убирает избыточность без потери точности — выигрыш скромнее, чем у JPG, зато безупречный.
PNG незаменим там, где картинку будут редактировать дальше: скриншот для статьи, мокап для дизайнера. Каждый пересохранение JPG добавляет артефакты, а PNG можно открывать и сохранять сколько угодно без деградации.
WebP: современный универсал
WebP от Google берёт лучшее от обоих: сжимает с потерями эффективнее JPG на 25–35%, умеет прозрачность как PNG и даже анимацию. Один формат закрывает почти все веб-задачи — от фото до иконок.
Поддержка — повсеместная: все современные браузеры, iOS и Android открывают WebP без проблем. Исключение — очень старые системы и некоторый специфический софт. Если ваша аудитория — веб, WebP должен быть выбором по умолчанию.
WebP умеет и сжатие без потерь, и с потерями в одном файле — можно точно настроить баланс. Анимированный WebP легче GIF в разы при лучшем качестве. Для веба это формат, который просто делает всё лучше предшественников.
Шпаргалка по выбору
Фото для сайта и соцсетей — WebP, качество 75%. Нужна максимальная совместимость (старые программы, печать) — JPG, качество 80–85%. Скриншоты, графика с текстом, логотипы — PNG или WebP на 90%. Нужна прозрачность — PNG или WebP (JPG не умеет).
Запомните одну мысль: формат — это половина результата сжатия. Правильный формат при среднем качестве даст легче файл, чем неправильный при низком. Поэтому сначала формат под тип картинки, потом — слайдер качества.
Не бойтесь экспериментировать: сожмите один файл в трёх форматах и сравните цифры. Наглядный вес учит быстрее любых статей — со второго-третьего раза выбор формата станет автоматическим.
Частые вопросы
Что легче: JPG 80% или WebP 80%?
WebP — при визуально одинаковой картинке он весит на 25–35% меньше благодаря более современному алгоритму. Поэтому для веба WebP выгоднее.
Можно ли конвертировать PNG в JPG без потерь?
Нет: JPG всегда с потерями, попиксельная точность PNG при конвертации теряется. Если точность критична (чертежи, мелкий текст) — оставайтесь в PNG.
Почему фото в PNG такое тяжёлое?
PNG хранит каждый пиксель точно, а у фото миллионы уникальных оттенков — сжимать нечего. JPG упрощает незаметные детали, поэтому для фото он в разы легче.