Коротко: причина — формат JPEG физически не поддерживает прозрачность, поэтому при конвертации из PNG альфа-канал закрашивается чёрным или белым. Исправить конвертированный JPEG нельзя — прозрачность потеряна безвозвратно. Используйте PNG или WebP, если нужна прозрачность.
Вы скачали логотип или иконку в формате PNG с красивым прозрачным фоном. Конвертировали в JPEG — и фон закрасился чёрным или белым. Или загрузили на сайт — и там тоже чёрный прямоугольник вместо прозрачности. Это одна из самых частых проблем дизайнеров и маркетологов при работе с изображениями.
Почему JPEG не поддерживает прозрачность
Прозрачность в изображениях реализована через альфа-канал — дополнительный слой данных, где для каждого пикселя хранится степень его прозрачности (от 0 до 255).
Формат JPEG не имеет альфа-канала. Совсем. Это архитектурное ограничение формата, придуманного ещё в 1992 году. Когда вы конвертируете PNG в JPEG, программа должна «заполнить» прозрачные пиксели каким-то цветом. По умолчанию большинство конвертеров выбирают чёрный или белый.
| Формат | Поддержка прозрачности | Альфа-канал |
|---|---|---|
| PNG | Да | 8-бит (256 уровней) |
| WebP | Да | 8-бит |
| AVIF | Да | Да |
| GIF | Частично (только 1 бит — либо прозрачный, либо нет) | 1-бит |
| JPEG | Нет | Отсутствует |
Как сохранить прозрачность — 3 правила
Правило 1 — не конвертируйте PNG в JPEG, если нужна прозрачность
Если у вас логотип, иконка, вырезанный объект без фона — оставьте в PNG или конвертируйте в WebP. Оба формата поддерживают прозрачность. WebP при этом будет легче примерно на 25–35%.
Правило 2 — для веб-сайта используйте WebP вместо PNG
WebP поддерживает прозрачность (альфа-канал) и при этом весит значительно меньше, чем PNG. Для логотипов и иконок это идеальный вариант. Конвертируйте через PNG → WebP.
Правило 3 — если нужен именно JPEG, выберите цвет фона сознательно
Иногда JPEG всё-таки нужен — например, платформа не принимает другие форматы. В этом случае выберите цвет фона, который впишется в дизайн: белый для светлых страниц, тёмный — для тёмных. Чёрный фон по умолчанию почти никогда не нужен — это просто поведение конвертера «по умолчанию».
Главное правило: логотипы, иконки и вырезанные объекты — всегда PNG или WebP. JPEG — только для фотографий без прозрачности.
Что делать, если фон уже стал чёрным
Если у вас есть оригинальный PNG — просто используйте его. JPEG с чёрным фоном «починить» невозможно: данные о прозрачности безвозвратно потеряны при конвертации.
Если оригинал не сохранился, придётся вырезать фон заново — в Photoshop, Figma или онлайн-сервисах для удаления фона (remove.bg и аналоги).
Чёрный фон при вставке PNG в видеоролик
Та же причина, что и на сайтах: если видеоредактор (или конкретный кодек/формат экспорта проекта) не поддерживает альфа-канал PNG, прозрачность превращается в чёрный фон прямо в таймлайне. Большинство десктопных редакторов (Premiere Pro, DaVinci Resolve, CapCut на компьютере) прозрачный PNG понимают нормально — проблема чаще возникает в мобильных приложениях или при экспорте в формат без поддержки альфа-канала (например обычный MP4/H.264 сам по себе прозрачность не поддерживает — если PNG накладывается поверх видео как отдельный слой, прозрачность должна сохраняться в самом редакторе, а не в итоговом видеофайле).
Проверьте: открывается ли PNG с прозрачным фоном как прозрачный в самом редакторе (до рендера). Если да — проблема только в финальном экспорте, ищите настройку кодека с альфа-каналом (например ProRes 4444 или WebM VP9 с альфа-каналом). Если PNG уже чёрный при импорте — значит файл был испорчен ещё до видеоредактора (см. раздел выше).
Как уменьшить PNG без потери прозрачности
PNG с прозрачностью можно сжать, не теряя прозрачный фон. Компрессор AeroPic при сжатии PNG сохраняет альфа-канал — прозрачность останется. Попробуйте: обычно PNG с прозрачностью уменьшается на 30–60% без видимых потерь.
Сожмите PNG — прозрачность сохранится
Или конвертируйте в WebP — меньше весит, прозрачность работает
Открыть компрессор →