PNG или JPG: почему прозрачность теряется

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

Ключевое отличие: альфа-канал

У каждого пикселя изображения есть цветовые каналы: красный, зелёный и синий. Формат PNG добавляет четвёртый — альфа-канал, который задаёт степень прозрачности.

Пиксель с альфой 0 полностью прозрачен: сквозь него видно фон под картинкой. С альфой 255 — полностью непрозрачен. Значения между ними дают полупрозрачные области: именно так получаются мягкие края у волос, дымка, полупрозрачное стекло.

Почему в JPG прозрачность исчезает

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

Отсюда и характерный симптом: вырезали объект, сохранили, открыли — вокруг белый фон, хотя на экране в редакторе была шахматная доска.

Сравнение форматов

Почему PNG весит больше

PNG сжимает изображение без потерь: каждый пиксель сохраняется ровно таким, каким был. JPG, наоборот, отбрасывает часть данных, которые человеческий глаз не замечает — отсюда компактный размер и характерные артефакты вокруг резких границ при сильном сжатии.

Для вырезанных объектов «без потерь» критично: полупрозрачные края в JPG превратились бы в грязь.

Когда JPG всё-таки лучше

• Фотографии без прозрачности. Пейзаж, портрет, снимок интерьера.
• Когда важен размер. Фото товара на сайте: JPG отдаётся быстрее, а прозрачность там не нужна.
• Печать в типографии. Обычные снимки печатают из JPG.
• Отправка в мессенджере. Если прозрачность не нужна, JPG компактнее.

Как не потерять прозрачность

1. Удалите фон любым способом — сервисом, ботом, редактором.
2. Проверьте в редакторе, что прозрачные области показаны как шахматная доска.
3. Сохраняйте в PNG (или WebP). Никогда не выбирайте JPG, если нужна прозрачность.
4. Откройте готовый файл и проверьте фон: он должен остаться прозрачным.
5. Если файл нужно отправить в мессенджере — отправляйте файлом, а не как фото: так прозрачность сохранится.

Что за шахматная доска на экране

Редакторы показывают прозрачные области серо-белыми квадратами — это не часть изображения, а служебная подсветка, чтобы прозрачность была видна. В самом файле этих квадратов нет.

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

Промежуточный итог

Прозрачность — свойство формата, а не результат работы. Удалить фон мало: нужно сохранить результат в формате, который эту прозрачность поддерживает. PNG и WebP — да, JPG — нет.

← Все статьи