Як зробити прозорий PNG за секунди (гайд 2026)

«Надішли мені це прозорим PNG» — одне з тих прохань, що звучать просто, поки виконувати його не доводиться саме вам. Що саме робить PNG прозорим? Чому навколо вашого логотипа на сайті білий прямокутник? І чому прозорість зникла, коли хтось зберіг файл у JPG?

Цей гайд пояснює, що таке прозорість насправді, коли вона потрібна і як створити чистий прозорий PNG з будь-якого зображення. Якщо вас цікавить видалення фону загалом, а не саме формат файлу, починайте звідти.

Що насправді означає «прозорий»

Цифрові зображення — це сітки пікселів, і кожен піксель зберігає колір: значення червоного, зеленого й синього. Формати з підтримкою прозорості додають четверте значення — альфа-канал, який визначає, наскільки піксель непрозорий: від повністю суцільного до повністю невидимого.

«Прозорий PNG» — це просто PNG, у фонових пікселів якого альфа виставлена на невидимість. За об’єктом нічого немає — не білі пікселі, а жодних пікселів. Крізь нього видно все, на що ви покладете зображення.

У цьому й полягає ключова відмінність від білого фону:

• Білий фон — має нормальний вигляд на білій сторінці, але перетворюється на потворний білий прямокутник, щойно потрапляє на кольорову кнопку, темну шапку сайту чи фотографію.
• Прозорий фон — пристосовується будь-де. Той самий файл працює у світлій темі, темній темі, на фірмових кольорах і фотографічних тлах.

PNG проти JPG проти WebP щодо прозорості

• JPG/JPEG — не підтримує прозорість, ніколи. Збереження прозорого зображення в JPG мовчки заливає фон (зазвичай білим). Це спосіб номер один, у який прозорість гине в реальному житті.
• PNG — повна 8-бітна альфа-прозорість, якість без втрат, універсальна підтримка. Вибір за замовчуванням для логотипів, вирізаних об’єктів і графіки.
• WebP — підтримує прозорість, як PNG, за менших розмірів файлу, чудовий для вебу; підтримка в браузерах уже майже універсальна. remover.bg працює з WebP наскрізно, якщо це ваш конвеєр.

Просте правило: фото без прозорості → JPG або WebP; будь-що з прозорістю → PNG або WebP; ніколи JPG для вирізаних об’єктів.

Коли прозорий PNG справді потрібен

• Логотипи — на сайтах, рахунках, у презентаціях і на мерчі логотип має лягати на будь-що позаду нього. (Логотип із «впаяним» фоном? Ось як це виправити.)
• Вирізки товарів — щоб те саме зображення товару можна було класти на банери, лістинги маркетплейсів і фони сезонних кампаній.
• Дизайнерські ресурси — іконки, бейджі, підписи для документів, водяні знаки, а також друковані вивіски й цінники для ярмаркового стенду.
• Стікери й оверлеї — стікери для чатів, оверлеї для стримів, графіка для відео.
• Дизайни для print-on-demand — принтеру футболок потрібен ваш дизайн, а не дизайн плюс білий прямокутник. (Готуєте файли для POD? Ось повний чекліст зображень для print-on-demand.)

Як його зробити

Три кроки й одне рішення: формат.

1. Почніть із найкращого оригіналу, який маєте — що вища роздільність, то чистіші краї.
2. Завантажте його на remover.bg — перетягніть файл або натисніть, щоб вибрати; на вхід приймаються PNG, JPG і WebP. ШІ автоматично відділяє об’єкт від фону, включно зі складними краями: волоссям, хутром, сіткою й автомобільним склом. Вікна авто теж опрацьовуються: стара сцена, видима крізь скло, вичищається, а на її місці відбудовується реалістичне тонування, хоча щільно заклеєні темною плівкою вікна лишаються непрозорими.
3. Завантажте результат як PNG. Він показується поверх сіро-білої шахівниці — так інтерфейс малює тут нічого немає, це не частина файлу. Залишайте фон у редакторі порожнім; у меню форматів є PNG · прозорий, WebP · прозорий і JPG · білий фон — останній є попередженням, а не можливістю. Ви отримуєте справжній PNG з альфа-каналом, готовий лягти будь-куди.

На телефоні мобільний застосунок працює за тим самим сценарієм: зняти або вибрати, зачекати, зберегти. Далі надсилайте файл, а не фото в чаті — саме там прозорість і гине. Зйомка для вирізки на телефоні вдається краще, якщо відступити на крок від стіни.

Для розробників: та сама операція доступна програмно через API видалення фону — надсилаєте зображення, отримуєте назад прозорий PNG, у масштабах цілого каталогу. Пакетна обробка можлива лише через API — екрана масового завантаження немає, — тож цілий каталог означає скриптування.

Як зберегти прозорість

Прозорість виживає лише тоді, коли її поважає кожен крок вашого процесу:

• Не перезберігайте у JPG — тихий убивця. Інструменти для скриншотів, пресети «експорт для вебу» та месенджери, які конвертують зображення, можуть сплющити ваш файл.
• Стежте за поштовими клієнтами — деякі з них перекодовують вбудовані зображення; надсилайте прозорі ресурси вкладеннями-файлами.
• Перевіряйте перед відправленням: відкрийте файл на кольоровому фоні або відкрийте його в графічному редакторі й пошукайте шахівницю. Не судіть за переглядачем чи попереднім переглядом у браузері — кожен із них малює власне тло.

Три способи перевірити, чи PNG справді прозорий

«Прозорий PNG» легко підробити: зображення з білим фоном і назвою .png виглядає в переліку файлів точно так само.

• Тест шахівницею. Відкрийте файл у графічному редакторі (Photoshop, GIMP, Photopea). Порожні ділянки малюються сіро-білою шахівницею — це доводить, що альфа-канал існує.
• Тест кольоровим фоном. Той, що має значення: покладіть файл на насичений колір або темну шапку. Справжня прозорість показує цей колір впритул до об’єкта; блідий обідок означає проблему.
• Тест переглядачем. Доводить найменше: переглядачі й браузери малюють кожен своє тло — в одному біле, в іншому сіре.

Ніколи не є тестом розширення файлу. Перейменування logo.jpg на logo.png не змінює нічого: у JPG немає альфи, яку можна було б викликати до життя перейменуванням.

Чому прозорі PNG виходять такими великими

PNG зберігає без втрат, і типовий прозорий PNG тримає чотири числа на піксель замість трьох: червоний, зелений, синій, альфа. Чудово як майстер, важко як для доставки. Як зменшити його, не втративши альфу:

• Квантуйте палітру. pngquant перетворює 24/32-бітні PNG на 8-бітну палітру, яка все одно несе альфу для кожного пікселя, тож згладжені краї виживають; заявлена економія часто сягає 70%, а 8-бітний вихід зазвичай на 60–80% менший за 24/32-бітний оригінал. Порівняйте обидва файли на повному збільшенні перед відправленням: плоска графіка квантується непомітно, а плавні градієнти можуть дати смуги.
• Переходьте на WebP для доставки. Google оцінює WebP без втрат як на 26% менший за PNG, а WebP із втратами й прозорістю — приблизно втричі менший за PNG. Він є в тому самому меню завантаження.

Тримайте PNG як архів; чекліст SEO для зображень охоплює доставку.

Пастка темної теми: білі ореоли на темному фоні

Ваш логотип виглядає бездоганно на білій сторінці, а потім обростає ледь помітним світлим контуром на темній шапці. З альфа-каналом усе гаразд; проблема в краї.

Згладжування пом’якшує край частково прозорими граничними пікселями, колір яких змішує об’єкт із тим, що було позаду. Якщо позаду було біле, ці пікселі несуть білий: непомітно на білій сторінці, ореол на чорному.

• Вирізайте з оригіналу, а не зі сплющеної копії. Край, отриманий із JPG на білому фоні, успадковує кайму, яку потім уже не відфільтрувати; матування, що правильно читає напівпрозорі пікселі, зберігає їх нейтральними.
• Прозорість — це не контраст. Чорний текстовий логотип залишиться невидимим на темній шапці; тут потрібна світла кольорова версія, а не інший формат файлу.

Найболючіше кусає пошта: деякі клієнти перемальовують фон під вашим зображенням. Див. нотатки про темну тему в листах.

Файли логотипа: PNG чи SVG?

Для фотографій питання не виникає: фото — це пікселі. Для логотипів його варто поставити.

• SVG — векторний: фігури й координати замість пікселів, тож він залишається різким за будь-якого розміру і зазвичай дуже малий. Фону немає, якщо його хтось спеціально не намалював.
• PNG — растровий: фіксована сітка пікселів, яка розмивається при збільшенні, зате приймається всюди.

Якщо векторний майстер існує, використовуйте його: попросіть у дизайнера майстер .ai, .eps чи .svg, поставте SVG на сайт і експортуйте з нього PNG. Якщо ж ні — JPG із візитівки, скриншот із PDF — відповідь PNG: видалення фону дає прозорий растр, а не вектор. Тримайте цей PNG-майстер у будь-якому разі: маркетплейси й завантажувачі print-on-demand поводяться зі SVG ненадійно.

Поширені проблеми — швидкі рішення

• «Навколо мого логотипа білий прямокутник» — файл є JPG або сплющеним PNG. Пропустіть його через видалення фону й експортуйте свіжий PNG.
• «Краї зубчасті або з білим ореолом» — вирізку зроблено інструментом із жорстким порогом. ШІ-видалення дає м’які, згладжені краї, що зливаються з будь-яким фоном.
• «Файл величезний» — PNG зберігає без втрат; для вебу конвертуйте у WebP (прозорість лишається, розмір зменшується) або зменште розміри в пікселях.
• «Воно було прозорим, поки я не надіслав його в чаті» — більшість месенджерів перекодовує фото, надіслані через вибір із галереї, і перекодований результат зазвичай не має альфи, тож білий повертається. Надсилайте як документ; фотостікери — спеціально спроєктований виняток.
• «У PowerPoint чи Google Slides з’явився білий прямокутник» — обидва поважають альфу PNG, коли файл вставлено з диска. Білі прямокутники зазвичай беруться зі вставки, що пройшла через конвертацію, або з файлу, який уже був сплющений; експорт презентації в JPG сплющує її знову. Див. слайди, побудовані навколо вирізок.

Коли у вас є чистий прозорий майстер-файл, ставтеся до нього як до справжнього ресурсу: бережіть PNG і за потреби генеруйте з нього сплющені JPG — і ніколи навпаки. Деякі призначення приймають лише сплющену копію: завантаження скриншотів у стори застосунків, наприклад, відхиляє файли з альфа-каналом. Коли так стається, не дозволяйте експорту в JPG обирати фон за вас — спершу свідомо створіть його в редакторі: рівний фірмовий колір, власний відтінок чи фотографічне тло, плюс реалістична тінь, щоб посадити об’єкт на поверхню. Експортуйте плоску версію з майстра, і майстер залишиться прозорим для всього іншого.