Прозрачный фон стал чёрным или белым — как исправить

Вы скачали логотип или иконку в формате PNG с прозрачным фоном. Конвертировали в JPEG — и фон закрасился чёрным или белым. Или загрузили на сайт — и там тоже чёрный прямоугольник вместо прозрачности. Причина в обоих случаях одна: формат 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 поддерживает прозрачность (альфа-канал) и весит примерно на 25–35% меньше, чем PNG с тем же изображением. Для логотипов и иконок это меньший вес страницы без потери прозрачности. Конвертируйте через PNG → WebP.

Правило 3 — если нужен именно JPEG, выберите цвет фона сознательно

Иногда 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% без видимых потерь.