Понимание прозрачности цифровых изображений

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

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

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

Альфа-канал

RGB против RGBA

Большинство изображений используют RGB: каждый пиксель имеет значения красного, зеленого и синего, которые определяют его цвет. Прозрачные изображения добавляют четвертое значение: альфа. RGBA означает красный, зеленый, синий и альфа. Альфа-канал определяет, насколько непрозрачен или прозрачен каждый пиксель.

Альфа-значения

Альфа обычно хранится в виде числа от 0 до 255 (или от 0% до 100%). 0 = полностью прозрачный (невидимый). 255 = полностью непрозрачный (сплошной). Значения между ними создают полупрозрачность, что полезно для создания мягких краев, теней и эффектов стекла.

Форматы, поддерживающие прозрачность

PNG

PNG поддерживает полную альфа-версию (8-битную или 16-битную). Это наиболее распространенный формат прозрачных изображений. PNG не имеет потерь, поэтому края прозрачности остаются четкими. Это стандартный формат экспорта для удаления фона.

ВЕБП

WEBP поддерживает прозрачность при сжатии как с потерями, так и без потерь. Часто создает файлы меньшего размера, чем PNG, с тем же качеством. Растущая поддержка в браузерах и приложениях.

гифка

GIF поддерживает только двоичную прозрачность: пиксель либо полностью прозрачен, либо полностью непрозрачен. Никакой полупрозрачности. Ограничено 256 цветами, поэтому для фотографий он не идеален.

ТИФФ

TIFF поддерживает альфа-каналы и используется в профессиональных рабочих процессах. Менее распространен для веб-доставки из-за больших размеров файлов.

HEIC/ХИФ

HEIC поддерживает прозрачность и является форматом по умолчанию на многих iPhone. QuickRemove принимает HEIC в качестве входных данных и может выводить прозрачные результаты в формате PNG или WEBP.

Форматы, которые НЕ поддерживают прозрачность

JPG/JPEG не поддерживает прозрачность. Прозрачные области обычно заполняются сплошным цветом (часто белым) при преобразовании из формата, поддерживающего альфа-канал. Если вам нужна прозрачность, экспортируйте в формате PNG или WEBP.

В некоторых вариантах BMP имеет ограниченную поддержку альфа-канала, но редко используется для прозрачных изображений. Придерживайтесь PNG или WEBP для универсальной совместимости.

Как работает прозрачность в дизайне и Интернете

Интернет

Браузеры отображают прозрачные PNG и WEBP на любом фоне — белом, цветном или градиентном. Узор шахматной доски, который вы видите в некоторых редакторах, — это всего лишь визуальный индикатор; его нет на финальном изображении.

Программное обеспечение для проектирования

Такие инструменты, как Photoshop, Figma и Canva, поддерживают слои с прозрачностью. Прозрачные области позволяют видеть нижние слои. Экспортируйте в формате PNG (или WEBP), чтобы сохранить прозрачность при перемещении ресурсов между приложениями.

Распечатать

У печати нет такой же «прозрачности» — вы не можете ничего напечатать. При печати прозрачные области либо оставляются затененными (без чернил), либо заполняются заданным цветом фона. Обсудите это со своим поставщиком услуг печати.

Распространенные заблуждения

«Белый фон = прозрачный»;

Нет. Белый фон непрозрачен. Истинная прозрачность означает отсутствие цвета — пиксель невидим. Некоторые новички путают белый фон с прозрачностью; они разные.

«Все форматы изображений поддерживают прозрачность»

Нет. JPG никогда не поддерживает прозрачность. Используйте PNG или WEBP, когда вам это нужно.

«Прозрачность значительно увеличивает размер файла»

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

Быстрое удаление и прозрачность

QuickRemove — это настольное приложение для Windows, которое создает прозрачные изображения путем удаления фона. Он выводит PNG (и может работать с WEBP), чтобы сохранить полную альфа-версию. Ваши вырезы можно разместить на любом фоне в инструментах дизайна, на веб-сайтах или в рабочих процессах печати. Вся обработка происходит локально — изображения никогда не покидают ваш компьютер.