--- title: "Прозрачный фон: значение в предметной съёмке | Herofab" description: "Изображение, в котором область вокруг товара не белая, а пустая, поэтому сквозь неё виден фон, расположенный позади." url: https://herofab.app/ru/glossary/transparent-background language: ru updated: 2026-10-18 --- # Прозрачный фон Изображение, в котором область вокруг товара не белая, а пустая, поэтому сквозь неё виден фон, расположенный позади. Другие названия **прозрачный PNG** · **без фона** С Herofab [Удалить фон](https://herofab.app/ru/tools/background-remover) ![Терракотовая куртка-бомбер на невидимом манекене, обтравка на чисто белом фоне](https://herofab.app/img/ex/ghost-white-1100.webp) Создано в Herofab · Удалить фон Прозрачность хранится в дополнительном канале файла — альфа-канале, который для каждого пикселя указывает степень его видимости. PNG и WebP поддерживают этот канал, JPEG — нет. Если сохранить изображение с прозрачностью как JPEG, пустая область заполнится сплошным цветом, обычно белым или чёрным. Изображение товара с прозрачным фоном можно разместить на любом цвете, баннере, коллаже или странице с тонированным фоном без белой рамки. Для главного изображения на маркетплейсе обычно требуется белый, а не прозрачный фон. Поэтому один и тот же вырезанный товар экспортируют дважды: с прозрачностью для дизайна и на белом фоне для карточки. ## Полная, частичная и одноуровневая прозрачность Альфа-канал указывает не только на видимые или пустые пиксели. Он хранит промежуточные уровни, и при отображении каждый пиксель смешивается с тем, что находится под ним, в соответствии со своим уровнем. Благодаря этому мягкий край вязаного рукава, стеклянной бутылки или тени естественно смотрится на светлой и тёмной странице, хотя файл один и тот же. Некоторые форматы и настройки экспорта поддерживают только один уровень: пиксель либо виден, либо нет. Так работает GIF, как и некоторые упрощённые варианты PNG. Контур превращается в ступенчатую линию из полностью видимых пикселей, часто с каймой в цвет страницы, для которой он подготовлен, и хорошо выглядит только на таком фоне. ## Что появляется после потери прозрачности У пустого пикселя всё равно есть цветовое значение — альфа-канал лишь скрывает его. Если система удаляет альфа-канал, например при преобразовании загрузки в JPEG, скрытый цвет становится видимым. В зависимости от способа создания файла он может быть белым, чёрным или, в некоторых файлах, исходным фоном, который считали удалённым. Альфа-канал теряется чаще, чем ожидают. Приложения для обмена сообщениями, снимки экрана, некоторые операции с буфером обмена и многие системы загрузки незаметно сводят изображение к плоскому фону. Перед использованием в макете файл, прошедший через любую из этих систем, стоит ещё раз проверить на цветном фоне. ## Пустой холст вокруг товара Прозрачные пиксели не видны, но учитываются в ширине и высоте файла. Товар на большом пустом холсте выглядит маленьким в плитке или макете, а холст, который с одной стороны шире, смещает товар от центра. Обе проблемы становятся заметны, только когда изображение стоит рядом с другими. Помогают два подхода. Для дизайна холст обрезают по контуру товара, чтобы размеры файла точно соответствовали его содержимому. В сетке магазина каждый товар помещают на холст одной формы и с одинаковыми полями — тогда ряд плиток выравнивается без дополнительной настройки. > **С Herofab** > > Прозрачный, белый или серый фон — в размере для вашего маркетплейса. > > [Удалить фон](https://herofab.app/ru/tools/background-remover) ## Прозрачный фон и связанные понятия - **![Терракотовая куртка-бомбер на невидимом манекене, обтравка на чисто белом фоне](https://herofab.app/img/ex/ghost-white-1100.webp) [Обтравка](https://herofab.app/ru/glossary/cut-out):** Обтравленное изображение — это товар, отделённый от фона, на который его затем можно поместить. Прозрачный фон означает, что за товаром пока ничего нет; если поместить тот же обтравленный объект на белый фон, он перестанет быть прозрачным. - **[Контур обтравки](https://herofab.app/ru/glossary/clipping-path):** Обтравочный контур — нарисованная граница, сохранённая в файле; фон скрывают только программы, которые умеют читать такие контуры. Прозрачность не требует специальной программы: пустая область входит в состав пикселей, и её край может быть мягким, тогда как контур всегда жёсткий. - **![Терракотовая куртка-бомбер на невидимом манекене, обтравка на чисто белом фоне](https://herofab.app/img/ex/ghost-white-1100.webp) [Чисто белый фон](https://herofab.app/ru/glossary/pure-white-background):** Чисто белый фон состоит из белых пикселей с максимальным значением и одинаково выглядит на любой странице. У прозрачного фона нет собственного цвета: он принимает цвет страницы за изображением, в том числе тёмный. - **[Формат файла изображения](https://herofab.app/ru/glossary/image-file-format):** Формат файла изображения — контейнер, в котором сохранено изображение. Лишь некоторые форматы поддерживают прозрачность, поэтому выбранный формат определяет, сохранится ли пустая область при экспорте. ## Проверка прозрачного изображения товара - На тёмном и светлом фоне по контуру товара нет ни светлой, ни тёмной каймы. - Файл сохранён в формате с альфа-каналом, например PNG или WebP; на цветной странице вокруг товара не появляется белый прямоугольник. - Мягкие и просвечивающие детали — бахрома, сетка, стекло или тень — пропускают цвет фона. - Шахматный узор, который редактор показывает вместо пустой области, не попал в сохранённое изображение. - Холст обрезан по товару либо имеет такую же форму и поля, как остальные изображения каталога. ## Прозрачный фон: ответы на вопросы. **Считается ли прозрачный фон белым?** Нет, прозрачный означает пустой: он выглядит белым лишь тогда, когда фон страницы за ним белый. Если маркетплейс требует белый фон, в файле должны быть белые пиксели. При загрузке прозрачные области обрабатываются по-разному: их могут заполнить белым или чёрным либо файл могут отклонить. Удаление фона Herofab выдаёт изображение с прозрачным, белым или серым фоном; прозрачный результат сохраняется в PNG. **Почему вокруг товара на изображении с прозрачным фоном осталась белая кайма?** Это фрагменты прежнего фона, сохранившиеся в полупрозрачных пикселях по контуру. На светлой странице кайма незаметна, а на тёмной видна как светлый ореол, особенно вокруг волос, меха и тонкой ткани. Перед использованием просмотрите обтравку на светлом и тёмном фоне — так кайма сразу обнаружится. **Почему на моём прозрачном PNG видна серая-белая шахматная сетка?** Причин может быть две. Редакторы и некоторые просмотрщики показывают пустые области шахматным узором; тогда файл в порядке, а узор исчезает, когда изображение помещают на страницу. В другом случае сетка стала частью изображения: файл представляет собой плоский снимок прозрачной картинки, часто сохранённый из предварительного просмотра. Размещение на цветном фоне поможет определить, какой это случай. **Почему прозрачный PNG намного больше JPEG?** PNG точно хранит каждый пиксель, поэтому мелкие детали фотографии плохо сжимаются и файл получается тяжёлым. JPEG отбрасывает детали, которые глаз почти не замечает, и поэтому намного легче. Альфа-канал добавляет данные. Уменьшить размер прозрачного файла можно, если привести его к нужным размерам, обрезать пустой холст или сохранить в WebP, который сочетает прозрачность с более сильным сжатием. **Нужны ли прозрачные фотографии товаров для моего интернет-магазина?** Только если магазин показывает товары не на белом фоне. Если в теме магазина плитки товаров белые, изображение на белом выглядит так же и быстрее загружается в JPEG. Если плитки тонированные, есть тёмный режим или товары размещаются поверх баннеров, прозрачный файл предотвращает появление заметного прямоугольника. Инструмент Herofab «Удалить фон» создаёт прозрачное фото товара, а также варианты на белом или сером фоне; прозрачный результат сохраняется в PNG. Обновлено 5 октября 2026 г. [Удалить фон](https://herofab.app/ru/tools/background-remover) · [Фото товара на белом фоне: краткое руководство](https://herofab.app/ru/guides/white-background-product-photos) · [Обтравка](https://herofab.app/ru/glossary/cut-out) · [Чисто белый фон](https://herofab.app/ru/glossary/pure-white-background) · [Все термины](https://herofab.app/ru/glossary/) Бесплатные инструменты [Проверка фото товара](https://herofab.app/ru/tools/product-photo-checker) [Размер фото для маркетплейсов](https://herofab.app/ru/tools/marketplace-image-resizer) [Сжатие изображений](https://herofab.app/ru/tools/image-compressor) [Проверка ИИ-маркировки](https://herofab.app/ru/tools/ai-image-checker)