Почему прозрачный PNG становится чёрным или белым и как это исправить

Прозрачный PNG становится чёрным или белым, когда программа сохраняет его как JPG или когда приложение перекодирует изображение. Причина в том, что JPG не имеет альфа-канала, в котором можно хранить прозрачность. Программе приходится подставить цвет вместо прозрачных пикселей. Она либо заливает их белым, либо оставляет цветовые значения, которые уже записаны в пикселях, а это часто чёрный. Если файл должен остаться прозрачным, сохраните его как PNG или WebP. Если нужен JPG, выберите фон сами до сохранения.

Удаление фонаНужно убрать фонСделать бесплатно

Что такое прозрачность в PNG

PNG может хранить альфа-канал вместе с красным, зелёным и синим значениями каждого пикселя. Альфа-канал показывает, насколько пиксель непрозрачен. Полностью прозрачный пиксель показывает то, что находится под изображением, например цвет страницы или фон документа. Смешивание делает программа просмотра, поэтому один и тот же файл выглядит правильно и на белой странице, и на тёмной.

У JPG альфа-канала нет. Каждый пиксель имеет сплошной цвет, поэтому прозрачная область должна быть записана каким-то цветом, а формат не предусматривает «просвечивание».

Почему фон становится чёрным или белым

Когда конвертер отбрасывает альфа-канал, ему нужно решить, каким станет каждый бывший прозрачный пиксель. Чаще встречаются два варианта:

• Сохранённый цвет. У прозрачного пикселя всё равно есть красное, зелёное и синее значения, и во многих вырезках эти значения чёрные. Конвертер, который просто отбрасывает альфа-канал, оставляет эти значения, и фон получается чёрным.
• Заливка цветом. Другие конвертеры сначала заливают фон, обычно белым, и накладывают изображение поверх. Так работает конвертер изображений: при сохранении в JPG прозрачные области заливаются белым, и об этом инструмент пишет рядом с настройками.

Есть и третий путь, через приложения. Формы загрузки, мессенджеры и почтовые клиенты часто перекодируют картинки перед показом, а некоторые сохраняют их в JPG. Результат зависит от приложения, поэтому один и тот же PNG может выглядеть правильно в одном месте и чёрным в другом.

Сохранить прозрачность или выбрать фон

Решите, какой результат вам нужен:

Что нужно	Формат сохранения	Результат
Вырезанный объект для сайта или дизайна	PNG или WebP	Прозрачность сохраняется
Тот же объект на однотонном фоне	JPG	Фон того цвета, который вы выбрали

Чтобы сохранить прозрачность, откройте конвертер изображений и выберите PNG или WebP, если ваш браузер умеет сохранять в WebP. Оба формата сохраняют прозрачные области. Сжатие изображения тоже сохраняет прозрачность: прозрачный файл оно записывает в WebP, а в браузерах, которые не умеют писать WebP, например в Safari, в PNG.

Если сначала нужно создать прозрачность, воспользуйтесь инструментом удаления фона. Он запускает модель ИИ прямо в браузере, а выбор при скачивании определяет формат:

1. Оставьте прозрачность, и инструмент сохранит PNG.
2. Выберите белый, цвет или размытие, и он сохранит JPG с этим фоном.

Если форма требует JPG, выберите фон на этапе вырезания. Не оставляйте это конвертеру, который может выбрать чёрный.

Проверьте, сохранилась ли прозрачность

Прежде чем доверять результату, откройте сконвертированный файл на двух фонах. Положите его на белую веб-страницу и на тёмную или поместите на цветной слайд или в документ. Если изображение показывает один и тот же фон в обоих случаях, прозрачности в файле нет, а цвет уже вшит в картинку. Если окружающий цвет меняется, прозрачность сохранилась.

Редакторы показывают прозрачность по-разному. Многие графические редакторы рисуют за прозрачными областями серо-белую шахматку, а простые просмотрщики могут показывать чёрный или белый фон. Шахматка означает, что там ничего нет, а не что это часть изображения. Проверяйте файл в той программе, где он будет использоваться, и воспринимайте любой другой предпросмотр как приблизительный.

Выбирайте заливку осознанно

Если на выходе нужен JPG, решите, каким будет фон, раньше, чем это сделает конвертер. Белый подходит для страницы или документа на белой основе. Сплошной цвет подходит для фирменного блока или цветной страницы, и его лучше подобрать под фон страницы, чтобы мягкие края сливались с ним. Опция размытия в инструменте удаления фона заполняет фон мягкой размытой копией той же фотографии. Для снимков это может выглядеть естественнее, чем однотонная заливка. Выбирайте вариант, который подходит месту, где будет стоять картинка, и проверьте его именно там.

Как сделать это с fixmint

1. Сохраните исходный прозрачный PNG и не сохраняйте его как JPG, потому что JPG уберёт прозрачность.
2. Для сайта или дизайна сконвертируйте файл в PNG или WebP, чтобы прозрачные области остались пустыми.
3. Если нужен JPG, поставьте фон сами. Инструмент удаления фона может поместить за объект фон «Белый», «Цвет» или «Размытие», и он сохранит JPG.
4. Откройте файл на двух фонах, прежде чем использовать его. Если окружающий цвет меняется, прозрачность сохранилась. Если форма задаёт ограничение по размеру, сожмите файл в последнюю очередь.

Особые случаи

• Мягкие края. Волосы, тени и стекло содержат частично прозрачные пиксели, которые всё ещё несут цвет старого фона. На новом фоне может появиться светлая или тёмная кайма. Используйте вырезку с чистыми краями или выберите цвет фона, близкий к исходному.
• JPG не может сохранить прозрачность. Если форма принимает только JPG, прозрачность нужно заменить цветом. Никакие настройки JPG этого не изменят.
• Проверка на месте. Смотрите файл там, где он будет использоваться: в форме, на странице или в приложении. Предпросмотр может показывать другой фон, чем тот, что будет на самом деле.
• Выбор формата. Для веб-графики обычно выбирают PNG. JPG, PNG и WebP сравниваются подробнее. Если файл WebP не открывается в приложении, см. почему не открывается изображение WebP.