Руководство

Как создать прозрачный PNG (бесплатно, без Photoshop)

Пошаговое руководство, без навыков дизайна

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

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

Что делает PNG «прозрачным»?

PNG прозрачен, когда имеет альфа-канал — четвёртый канал (после R, G и B), который хранит прозрачность для каждого пикселя. 24-битный PNG имеет только RGB, и каждый пиксель полностью непрозрачен. 32-битный PNG имеет RGBA; альфа-канал — это то, что делает фон невидимым. Когда вы сохраняете вырез из BGRemover, результат — 32-битный PNG с полным 8-битным альфа — каждый пиксель может быть установлен на любое из 256 уровней прозрачности.

Типичная ошибка

Самая частая причина, почему «прозрачный PNG» на самом деле не прозрачный: файл был сохранён как 24-битный PNG, а не 32-битный. У24-битного формата нет альфа-канала. Всегда проверяйте свойства файла в графическом редакторе — Photoshop показывает это как «Каналы: RGB» для 24-бит и «Каналы: RGB + Альфа» для 32-бит.

Когда использовать PNG vs WebP

PNG — самый безопасный формат — его поддерживают все графические редакторы, браузеры и дизайн-инструменты, включая устаревшее ПО. WebP поддерживает прозрачность, на 25–35% меньше при том же визуальном качестве и поддерживается всеми современными браузерами. Для мастер-файла используйте PNG; для веб-доставки экспортируйте WebP версию параллельно. Для печати PNG — это мастер — типографии и инструменты допечатной подготовки предпочитают его.

Пошагово

1

Выберите правильное исходное изображение

Исходное изображение должно быть на однотонном фоне (белый, светло-серый или любой равномерный цвет). ИИ использует цвет фона как подсказку для того, что нужно удалить. Источник на занятом фоне (человек стоит в толпе, товар на узорчатом фоне) даст грубый вырез с переходом фона.

2

Загрузите в BGRemover

Откройте рабочую область и перетащите исходное изображение. ИИ определит передний план и создаст прозрачный PNG. Обработка занимает 3–5 секунд для типичного изображения 2000x2000 пикс. Результат сохраняет исходное разрешение — источник 4000x4000 пикс. даёт прозрачный PNG 4000x4000 пикс.

3

Включите опцию дефринжа

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

4

Экспортируйте как PNG (не JPG, не WebP)

Выберите PNG как формат экспорта. JPG не поддерживает прозрачность; экспорт не удастся или будет объединён с белым фоном. WebP поддерживает прозрачность, но PNG — самый широко поддерживаемый формат среди графических редакторов, браузеров и дизайн-инструментов. Используйте PNG как мастер; экспортируйте WebP для веба, если размер файла важен.

5

Проверьте прозрачность

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

Частые вопросы

Быстрые ответы об этом рабочем процессе

В чём разница между 24-битным и 32-битным PNG?

24-битный PNG имеет только каналы RGB (без альфа-канала) — каждый пиксель полностью непрозрачен. 32-битный PNG добавляет 8-битный альфа-канал, который делает прозрачность возможной. Если ваш вырез вообще не имеет прозрачности, у вас 24-битный PNG, и нужно переэкспортировать из BGRemover.

Могу ли я открыть прозрачный PNG в любом графическом редакторе?

Photoshop, Figma, Sketch, GIMP и Affinity Photo все поддерживают прозрачные PNG. Старые инструменты (MS Paint, Preview в очень старых версиях macOS) не отображают прозрачность и показывают фон как белый. Для наиболее надёжного отображения откройте файл в современном браузере (Chrome, Firefox, Safari).

Прозрачный PNG имеет больший размер файла, чем JPG?

Да, обычно в 2–5 раз больший. PNG — формат без потерь; JPG — формат с потерями. Компромисс оправдан, когда нужна прозрачность. Для веб-доставки рассмотрите экспорт WebP версии параллельно с PNG — WebP обычно на 25–35% меньше при том же качестве.

Готовы попробовать на своём изображении?

Бесплатные кредиты, без регистрации, без водяных знаков. Загрузите своё первое фото и посмотрите результат меньше чем за минуту.