Как создать прозрачный 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 — это мастер — типографии и инструменты допечатной подготовки предпочитают его.
Продолжите с этими руководствами
Что такое прозрачный PNG?
Глубокое изучение альфа-каналов, структуры файла и 24-бит vs 32-бит.
Как удалить фон с логотипа
Специфичный для логотипов рабочий процесс для самого чистого выреза на цветных фонах.
PNG vs JPG vs WebP: когда использовать каждый
Разбор форматов для веба, печати и товарных фото.
Пошагово
Выберите правильное исходное изображение
Исходное изображение должно быть на однотонном фоне (белый, светло-серый или любой равномерный цвет). ИИ использует цвет фона как подсказку для того, что нужно удалить. Источник на занятом фоне (человек стоит в толпе, товар на узорчатом фоне) даст грубый вырез с переходом фона.
Загрузите в BGRemover
Откройте рабочую область и перетащите исходное изображение. ИИ определит передний план и создаст прозрачный PNG. Обработка занимает 3–5 секунд для типичного изображения 2000x2000 пикс. Результат сохраняет исходное разрешение — источник 4000x4000 пикс. даёт прозрачный PNG 4000x4000 пикс.
Включите опцию дефринжа
Опция дефринжа — самая важная настройка для чистого прозрачного PNG. Она удаляет цветной ореол, который появляется на краях полупрозрачных пикселей, заменяя крайний цвет полностью прозрачным пикселем. Результат — острый чистый край на любом фоне, на который накладывается PNG.
Экспортируйте как PNG (не JPG, не WebP)
Выберите PNG как формат экспорта. JPG не поддерживает прозрачность; экспорт не удастся или будет объединён с белым фоном. WebP поддерживает прозрачность, но PNG — самый широко поддерживаемый формат среди графических редакторов, браузеров и дизайн-инструментов. Используйте PNG как мастер; экспортируйте WebP для веба, если размер файла важен.
Проверьте прозрачность
Откройте экспортированный 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% меньше при том же качестве.
Готовы попробовать на своём изображении?
Бесплатные кредиты, без регистрации, без водяных знаков. Загрузите своё первое фото и посмотрите результат меньше чем за минуту.
