JPG, PNG, WebP, HEIC: какой формат когда нужен
Один и тот же снимок в разных форматах может весить 300 килобайт и 6 мегабайт, открываться везде или нигде, сохранять прозрачность или терять её. Разбираем без лишней теории: что выбрать под конкретную задачу.
Коротко: что выбрать
- Фотография для отправки, печати, документов — JPG. Принимают везде, вес небольшой.
- Логотип, иконка, скриншот, что-то с прозрачностью — PNG.
- Картинки на сайте — WebP: на четверть-треть легче при том же виде.
- Снимки на iPhone — HEIC экономит место, но перед отправкой переводите в JPG.
- Логотип, который будут увеличивать — SVG, то есть вектор.
Дальше — почему именно так.
JPG: рабочая лошадь
Формат 1992 года, который никуда не денется. Сжимает с потерями: алгоритм отбрасывает детали, которые глаз почти не замечает. За счёт этого снимок весит в десятки раз меньше несжатого.
Сильные стороны. Открывается абсолютно везде — от браузера до фотопринтера в супермаркете. Маленький вес. Управляемое качество.
Слабые. Не умеет прозрачность вообще: под логотипом всегда будет фон. Плохо работает с резкими границами — вокруг букв появляются размытые ореолы. Каждое пересохранение отъедает качество.
Важное следствие: не используйте JPG как рабочий формат. Если картинку предстоит править и пересохранять несколько раз, держите её в PNG, а в JPG переводите только финальную версию.
PNG: точность и прозрачность
Сжимает без потерь — что положили, то и достали, пиксель в пиксель. Главная особенность — альфа-канал, то есть настоящая прозрачность с плавными краями.
Когда нужен. Логотипы и иконки поверх любого фона. Скриншоты — там мелкий текст и резкие линии, которые JPG портит. Схемы, графики, чертежи. Любая графика, которую ещё будут править.
Когда не нужен. Обычные фотографии. Снимок в PNG весит в 5–10 раз больше, чем в JPG, а на экране выглядит так же. Именно поэтому папка со скриншотами разрастается быстрее, чем фотоархив.
Если фотографии случайно оказались в PNG — перевод в JPG уменьшит их в разы. Обратный путь, JPG в PNG, нужен, когда картинку предстоит редактировать: он не вернёт потерянное качество, но остановит дальнейшую деградацию.
WebP: формат для сайтов
Придуман Google в 2010 году ради скорости загрузки страниц. При равном качестве весит на 25–35% меньше JPG, умеет прозрачность и анимацию — то есть заменяет собой сразу три формата.
Где хорош. На сайте. Скорость загрузки влияет на позиции в поиске и на то, дождётся ли посетитель открытия страницы.
Где мешает. Везде за пределами браузера: Word, презентации, печать, маркетплейсы, старые редакторы.
Отсюда две типовые задачи: WebP в JPG — когда картинку скачали с сайта и не могут открыть; JPG в WebP — когда готовите изображения для своего сайта. Подробный разбор — в статье про формат WebP.
HEIC: снимки с iPhone
С 2017 года техника Apple снимает в HEIC. Файл вдвое легче JPG при том же качестве, умеет хранить живые фото, карту глубины и расширенный диапазон яркости.
Проблема одна, но крупная: за пределами экосистемы Apple формат почти не поддерживается. Windows 10 требует докупить кодек, госпорталы не принимают, фотоцентры не печатают, Word не вставляет.
Поэтому HEIC хорош как формат хранения на телефоне и плох как формат отправки. Перед тем как куда-то загружать снимок, его переводят в JPG. Либо переключают камеру: «Настройки» → «Камера» → «Форматы» → «Наиболее совместимые». Подробности — в разборе про HEIC.
Форматы, которые встречаются реже
TIFF
Формат сканирования и полиграфии. Хранит изображение без потерь, умеет несколько страниц в одном файле. Весит очень много: цветной скан страницы — 30–50 МБ. Для отправки не годится, переводите в JPG или в PDF.
BMP
Древний формат Windows почти без сжатия. Картинка Full HD весит около 6 МБ вместо 300 КБ в JPG. Встречается в старых программах; переводите в JPG без сожалений.
GIF
Живёт благодаря анимации. Ограничен 256 цветами, поэтому фотографии в нём выглядят грубо. Для коротких анимаций подходит, для снимков — нет.
AVIF
Новое поколение веб-форматов: сжимает ещё сильнее WebP. Поддержка пока хуже, поэтому скачанные с сайтов файлы часто приходится переводить в JPG.
SVG
Не пиксели, а описание фигур: линии, кривые, заливки. Масштабируется без потери резкости — логотип одинаково чёткий и на визитке, и на баннере. Не подходит для фотографий и не принимается многими площадками, поэтому иногда нужен обратный путь: SVG в PNG.
Прозрачность: главный источник ошибок
Половина жалоб «испортилась картинка» связана именно с ней. Прозрачность умеют PNG, WebP, AVIF, GIF (грубо) и SVG. Не умеют JPG, BMP и большинство «фотографических» форматов.
Что происходит при переводе в JPG: прозрачные области заливаются белым. Логотип, который красиво лежал на цветном фоне, получает белый прямоугольник вокруг.
Что происходит при обратном переводе: ничего. PNG сохранит прозрачность, только если она была в исходнике. Конвертация не удаляет фон — это отдельная задача для редактора или нейросети.
Размер и вес: не путать
Две разные характеристики, которые постоянно смешивают.
Размер — сколько в картинке пикселей: 4000×3000. От него зависит, насколько детально изображение и как оно будет выглядеть при печати.
Вес — сколько файл занимает на диске: 6 МБ. От него зависит, пройдёт ли он по ограничению формы и быстро ли загрузится.
Требование «фото не более 2 МБ» — про вес. «Изображение не менее 600×800» — про размер. Уменьшить вес можно сжатием, а размер — изменением разрешения. Обычно эффективнее второе: сторона вдвое меньше — файл вчетверо легче.
Если картинка нужна лучше, чем есть
Форматы решают вопрос совместимости и веса, но не качества съёмки. Тёмный, шумный или смазанный снимок останется таким в любом формате.
Это отдельная задача: улучшение качества фотографии вытягивает резкость и детали, восстановление старых снимков убирает царапины, заломы и выцветание со сканов из альбома.
Частые вопросы
- Что лучше — JPG или PNG?
- Зависит от картинки. Для фотографий — JPG: он в разы легче. Для логотипов, скриншотов и всего с прозрачностью — PNG.
- Почему скриншот весит больше фотографии?
- Скриншоты сохраняются в PNG, который сжимает без потерь. Фотографии обычно в JPG со сжатием.
- Какой формат выбрать для сайта?
- WebP как основной и JPG как запасной вариант через тег picture — так страница грузится быстрее и открывается везде.
- Вернётся ли качество при переводе JPG в PNG?
- Нет. Потери, произошедшие при сжатии, необратимы. PNG лишь остановит дальнейшую деградацию.
- Почему после конвертации пропала прозрачность?
- Целевой формат её не поддерживает — обычно это JPG. Используйте PNG или WebP.
- Какой формат лучше для печати?
- JPG высокого качества или TIFF, если типография просит именно его. WebP и HEIC для печати не подходят.