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 | без потерь | да | нет | логотипы, скриншоты, графика с текстом |
| WebP | и так и так | да | да | картинки на сайте, экономия веса |
| AVIF | и так и так | да | да | то же, что WebP, но легче; поддержка уже |
| HEIC | с потерями | нет | нет | снимки с iPhone, вдвое легче JPG |
| GIF | без потерь, 256 цветов | да, грубая | да | простые анимации, мемы |
| TIFF | без потерь | да | нет | полиграфия, архивы, сканы |
| BMP | без сжатия | нет | нет | устаревший, встречается в старых программах |
| SVG | векторный | да | да | логотипы и иконки, масштабируется без потерь |
| ICO | контейнер | да | нет | иконка сайта и ярлыков Windows |
Какой формат весит меньше всего
Вопрос, который задают чаще других, и ответ зависит от того, что на картинке.
**Для фотографии** самый лёгкий — AVIF, за ним WebP, потом HEIC, потом JPG. Разница между AVIF и JPG при одинаковом качестве бывает двукратной.
**Для графики с плоскими цветами** — логотип, схема, скриншот интерфейса — выигрывает PNG или SVG. JPG на такой картинке даёт мусор вокруг контуров и при этом весит больше.
**Для анимации** — WebP или видео. GIF проигрывает им в разы: тридцатисекундная анимация в GIF весит мегабайты, в MP4 — сотни килобайт.
Практический вывод: **не существует формата, который лёгкий всегда**. Выбор зависит от содержимого, а не от предпочтений.
Какой формат лучше для печати
Для типографии и фотопечати правила другие, чем для экрана.
| Что печатаете | Формат | Что важно |
|---|---|---|
| Фотография в фотоателье | JPG высокого качества или TIFF | разрешение важнее формата |
| Макет для типографии | TIFF или PDF | без сжатия с потерями |
| Логотип на баннер | SVG или PDF | вектор масштабируется без потерь |
| Документ со сканами | целостность страниц | |
| Домашняя печать на принтере | JPG или PNG | разницы почти нет |
Главное для печати — **не формат, а разрешение**. Для отпечатка 10×15 нужно около 1200×1800 точек, для А4 — примерно 2500×3500. Картинка из интернета шириной 800 точек на бумаге рассыплется в любом формате.
⚠️ WebP и HEIC для печати не годятся: часть фотоцентров и типографий их не принимает. Переводите в JPG или TIFF заранее.
Что во что переводить: шпаргалка
| Задача | Куда идти |
|---|---|
| Фото с айфона не открывается | [HEIC в JPG](/heic-v-jpg) |
| Картинка с сайта в непонятном формате | [WebP в JPG](/webp-v-jpg), [AVIF в JPG](/avif-v-jpg) |
| Нужна прозрачность | [JPG в PNG](/jpg-v-png) |
| Файл слишком тяжёлый | [PNG в JPG](/png-v-jpg), [сжать фото](/szhat-foto) |
| Нужна иконка сайта | [PNG в ICO](/png-v-ico) |
| Логотип нужен вектором | [картинку в SVG](/kartinku-v-svg) |
| Скан не принимают | [картинку в PDF](/kartinku-v-pdf) |
| Старый формат из архива | [TIFF в JPG](/tiff-v-jpg), [BMP в JPG](/bmp-v-jpg) |
Если после конвертации нужно ещё и улучшить сам снимок — это уже соседний сервис: [улучшение качества фото](https://art.umnetix.ru/uluchshit-kachestvo-foto/) и [восстановление старых снимков](https://art.umnetix.ru/restavraciya-foto/).
Частые вопросы
- Что лучше — JPG или PNG?
- Зависит от картинки. Для фотографий — JPG: он в разы легче. Для логотипов, скриншотов и всего с прозрачностью — PNG.
- Почему скриншот весит больше фотографии?
- Скриншоты сохраняются в PNG, который сжимает без потерь. Фотографии обычно в JPG со сжатием.
- Какой формат выбрать для сайта?
- WebP как основной и JPG как запасной вариант через тег picture — так страница грузится быстрее и открывается везде.
- Вернётся ли качество при переводе JPG в PNG?
- Нет. Потери, произошедшие при сжатии, необратимы. PNG лишь остановит дальнейшую деградацию.
- Почему после конвертации пропала прозрачность?
- Целевой формат её не поддерживает — обычно это JPG. Используйте PNG или WebP.
- Какой формат лучше для печати?
- JPG высокого качества или TIFF, если типография просит именно его. WebP и HEIC для печати не подходят.