«Прозрачный фон» звучит просто — часть за вашим объектом просто... исчезла. Под капотом это конкретная техническая особенность, и понимание её спасает от классической досады: вы вырезаете логотип, сохраняете, и фон возвращается сплошным белым блоком. Вот что такое прозрачность на самом деле и как сохранить её на каждом шаге.
Что такое прозрачность на самом деле: альфа-канал
Обычная картинка хранит три числа на пиксель: сколько красного, зелёного и синего. Прозрачная картинка хранит четвёртое: альфу, которая записывает, насколько непрозрачен этот пиксель. Альфа идёт от полностью прозрачного до полностью непрозрачного, со всеми уровнями между ними для мягких, растушёванных краёв.
Этот четвёртый канал — причина, почему прозрачность ведёт себя так, как ведёт:
- PNG поддерживает альфу, поэтому это ходовой формат для логотипов, иконок, стикеров и вырезок.
- WebP тоже поддерживает альфу, и обычно при меньшем размере файла, чем PNG.
- JPEG не поддерживает альфу вовсе. У JPEG нет четвёртого канала, так что он физически не может хранить прозрачность.
Последний пункт — самая частая причина «моя прозрачность фона исчезла».
Ловушка белого фона
Вот сценарий, на котором все спотыкаются. Вы удаляете фон с фото товара, получаете чистую вырезку, затем экспортируете — и прозрачность превращается в сплошной белый. Почти всегда причина — формат. Вы сохранили как JPEG.
Поскольку JPEG не может держать альфа-канал, кодировщику приходится что-то делать со сквозными пикселями. Он заливает их цветом фона, и по умолчанию это белый. Прозрачность не потерялась при редактировании; она была уничтожена в момент экспорта выбором формата, который не может её представить.
Решение — привычка: всё с прозрачностью должно сохраняться как PNG или WebP, никогда JPEG. Если инструмент предлагает только вывод JPEG, он уплощит вашу прозрачность каждый раз.
Создание прозрачности: удаление фона
Большинство прозрачных картинок начинает жизнь как обычное фото. Чтобы получить сквозной фон, вы стираете пиксели вокруг объекта и задаёте их альфу нулём. Делать это чисто вручную утомительно; инструмент удаления фона делает это автоматически, определяя объект и вырезая всё остальное.
Вывод должен быть форматом, сохраняющим альфу — PNG или WebP. Удаление фона на IMG.DIY выдаёт настоящий прозрачный PNG и работает на вашем устройстве (после разовой загрузки модели), так что фото никогда не загружается. Это важно для снимков товаров, подписей и личных картинок, которые вы предпочли бы не отправлять на сервер.
Сохранение прозрачности через конвертацию
Скажем, у вас есть прозрачный PNG, который чуть тяжеловат, и вы хотите WebP поменьше. Это безопасно — оба формата поддерживают альфу, так что прозрачность выживает. Обратная ловушка — конвертация в JPEG, которая её уплощит.
Быстрое правило при конвертации:
- PNG → WebP: прозрачность сохранена, файл обычно меньше. Хороший ход.
- PNG → JPEG: прозрачность уничтожена, заменена сплошным цветом. Делайте это, только если вам действительно нужен плоский фон.
- WebP → PNG: прозрачность сохранена, файл обычно крупнее. Нормально для совместимости.
Конвертер, понимающий альфу, позволяет ужать прозрачную картинку без уплощения. Конвертер изображений сохраняет альфа-канал нетронутым в любом формате, который его поддерживает, и, как и всё остальное на сайте, работает в вашем браузере без загрузки.
Быстрый чек-лист для чистой прозрачности
- Удаляете фон? Экспортируйте как PNG или WebP, никогда JPEG.
- Нужен прозрачный файл поменьше? Конвертируйте PNG в WebP — альфа сохраняется.
- Видите неожиданный белый прямоугольник? Вы почти наверняка сохранили как JPEG; переделайте как PNG.
- Ставите прозрачную картинку на тёмный сайт? Проверьте края — мягкие альфа-края, смешанные под белый фон, могут показать слабый ореол. Перевырежьте под цвет, который реально будете использовать, если это важно.
Прозрачность — это просто то четвёртое число на пиксель. Как только вы знаете, какие форматы её сохраняют, а какие выбрасывают, сюрприз с белым фоном перестаёт случаться — и ваши вырезки остаются чистыми, куда бы вы их ни поместили.