Kling 4.0 jest już dostępny w Atlas Cloud — natywne wideo 30 s

Czym jest kanał alfa? Jak naprawdę działa przezroczystość obrazu, format po formacie

Czym jest kanał alfa? Zobacz, jak PNG, WebP, przezroczysty GIF, SVG i JPG przechowują przezroczystość, a następnie zapisz PNG z przezroczystym tłem, które pozostaje przezroczyste.

You drop a "transparent" PNG onto a dark slide and a white rectangle comes with it. The file was fine in the editor. So what happened? The answer lives in a fourth channel that rarely gets a look. Every pixel in an image carries red, green and blue values, and in some formats a fourth number called the alpha channel that says how much of that pixel should show.

Wrzucasz „przezroczysty" plik PNG na ciemny slajd, a razem z nim pojawia się biały prostokąt. Plik wyglądał dobrze w edytorze. Więc co się stało? Odpowiedź kryje się w czwartym kanale, na który rzadko kto patrzy. Każdy piksel obrazu niesie wartości czerwieni, zieleni i błędu (RGB), a w niektórych formatach także czwartą liczbę zwaną kanałem alfa, która mówi, jak bardzo ten piksel powinien być widoczny.

This guide explains what that number stores, which formats keep it (PNG and WebP), which reduce it to a switch (GIF), which throw it away (JPG), and why SVG plays by different rules. Along the way we read the alpha channel of seven real cutouts pixel by pixel, so the numbers below come from files rather than theory.

W tym poradniku wyjaśniamy, co ta liczba przechowuje, które formaty ją zachowują (PNG i WebP), które sprowadzają ją do prostego przełącznika (GIF), które ją wyrzucają (JPG) i dlaczego SVG rządzi się innymi zasadami. Po drodze odczytaliśmy kanał alfa siedmiu prawdziwych wycięć piksel po pikselu, więc liczby poniżej pochodzą z plików, a nie z teorii.

One background-removed sneaker PNG shown four times on a checkerboard, a dark grey panel, a blue panel and a warm gradient, with no box or fringe around the shoe in any of them

Jeden plik PNG sneakersa z usuniętym tłem pokazany cztery razy: na szachownicy, ciemnoszarym panelu, niebieskim panelu i ciepłym gradiencie — w żadnym z nich wokół buta nie ma prostokąta ani obwódki

Jeden PNG, cztery tła. Sneakers to wygenerowany przez AI obraz testowy wycięty za pomocą usuwacza tła Atlas Cloud; plik umieszczono na każdym tle bez zmian.

Najważniejsze wnioski

  • Kanał alfa to czwarty kanał, który przechowuje krycie dla każdego piksela — od 0 (całkowicie przezroczysty) do 255 (całkowicie nieprzezroczysty) w obrazie 8-bitowym.
  • PNG i WebP zachowują pełny kanał alfa. GIF potrafi oznaczyć jako przezroczysty tylko jeden kolor palety. JPG nie przechowuje przezroczystości wcale.
  • darmowy usuwacz tła AI od Atlas Cloud zwraca przezroczysty PNG w rozmiarze pikselowym przesłanego pliku, przetwarzany w Twojej przeglądarce.
  • W siedmiu zmierzonych wycięciach tylko od 0,7% do 2,2% pikseli było częściowo przezroczystych. Ten cienki pas to krawędź z wygładzaniem, dzięki której włosy i kontury wyglądają naturalnie.
  • Plik PNG, który w przeglądarce obrazów pokazuje białe lub czarne tło, zwykle nie utracił kanału alfa. Sprawdź go na ciemnym tle lub szachownicy, zanim cokolwiek wyeksportujesz ponownie.

What an Alpha Channel Stores Inside Every Pixel

Co kanał alfa przechowuje w każdym pikselu

Ask what is an alpha channel and you usually get a metaphor. Here is the number instead. The W3C's PNG specification defines it in one sentence: "The alpha sample determines a pixel's degree of opacity, where zero means fully transparent and the maximum value means fully opaque." In an 8-bit image the maximum is 255, which gives 256 steps between clear and solid.

Gdy pytasz, czym jest kanał alfa, zwykle dostajesz metaforę. Oto liczba. Specyfikacja PNG W3C definiuje go w jednym zdaniu: „Próbka alfa określa stopień krycia piksela, gdzie zero oznacza całkowitą przezroczystość, a wartość maksymalna — całkowitą nieprzezroczystość." W obrazie 8-bitowym maksimum wynosi 255, co daje 256 stopni między pełną przezroczystością a pełnym kryciem.

PNG also allows 16-bit alpha. The spec permits bit depths of 8 or 16 for both of its alpha-carrying colour types, greyscale with alpha and truecolour with alpha, and a 16-bit alpha channel has 65,536 steps. Outside of compositing pipelines, 8 bits is what you will meet.

PNG dopuszcza także 16-bitowy kanał alfa. Specyfikacja pozwala na głębię bitową 8 lub 16 w obu typach koloru z kanałem alfa — skali szarości z alfą oraz pełnym kolorze z alfą — a 16-bitowy kanał alfa ma 65 536 stopni. Poza procesami kompozycji spotkasz się z 8 bitami.

So an RGBA pixel is four numbers. Three describe colour, one describes coverage. Change only the fourth and the colour stays put while the pixel fades. That is the whole trick behind soft hair edges, drop shadows, and glass that lets a background show through.

Piksel RGBA to więc cztery liczby. Trzy opisują kolor, jedna krycie. Zmień tylko czwartą, a kolor pozostanie na miejscu, podczas gdy piksel zblednie. Na tym polega cała sztuczka z miękkimi krawędziami włosów, cieniami i szkłem, przez które prześwituje tło.

Infographic showing three RGBA pixels with identical red, green and blue values of 46, 127 and 224 but alpha values of 255, 128 and 0, plus a 256-step alpha ramp from fully transparent to fully opaque over a checkerboard

Infografika pokazująca trzy piksele RGBA o identycznych wartościach czerwieni, zieleni i błękitu wynoszących 46, 127 i 224, ale o wartościach alfa 255, 128 i 0, a także 256-stopniową rampę alfa od pełnej przezroczystości do pełnego krycia na tle szachownicy

The word "transparent" hides an important split. Some formats store a full alpha value per pixel, so a pixel can be 37% visible. Others store a single yes-or-no flag: this pixel is drawn, that one is skipped. Both get called transparency, and only the first one can fade an edge. Keep that distinction in mind, because it is the reason GIF stickers look jagged and PNG cutouts do not.

Słowo „przezroczysty" skrywa ważny podział. Niektóre formaty przechowują pełną wartość alfa dla każdego piksela, więc piksel może być widoczny w 37%. Inne przechowują pojedynczą flagę tak/nie: ten piksel jest rysowany, tamten pomijany. Oba nazywa się przezroczystością, ale tylko pierwszy potrafi wygładzić krawędź. Zapamiętaj tę różnicę, bo to ona sprawia, że naklejki GIF wyglądają na postrzępione, a wycięcia PNG nie.

One more term you will meet in video and game tools: premultiplied alpha. In a straight (or unpremultiplied) file, the colour values are stored at full strength and alpha scales them at display time. In a premultiplied file, the colour values have already been multiplied by alpha, so a half-visible red pixel is stored as half-strength red. PNG uses the straight kind; the spec states that colour values "are not premultiplied by the alpha value".

Jeszcze jeden termin, z którym spotkasz się w narzędziach do wideo i gier: alfa z premnożeniem. W pliku zwykłym (bez premnożenia) wartości koloru są przechowywane w pełnym natężeniu, a alfa skaluje je w momencie wyświetlania. W pliku z premnożeniem wartości koloru zostały już pomnożone przez alfę, więc na wpół widoczny czerwony piksel jest zapisany jako czerwień o połowie natężenia. PNG używa wersji zwykłej; specyfikacja stwierdza, że wartości koloru „nie są premnożone przez wartość alfa".

The idea has a paper trail. Alvy Ray Smith's 1995 memo on the history of alpha credits himself and Ed Catmull with the concept in the 1970s at the New York Institute of Technology, and credits Porter and Duff's 1984 paper with drawing the line between the two conventions. For everyday web and print work you can ignore the difference; your editor handles it.

Pomysł ma swoją dokumentację. Notatka Alvy'ego Raya Smitha z 1995 roku o historii alfa przypisuje koncepcję jemu samemu i Edowi Catmullowi w latach 70. w New York Institute of Technology, a artykułowi Portera i Duffa z 1984 roku — wyznaczenie granicy między obiema konwencjami. W codziennej pracy z siecią i drukiem możesz zignorować tę różnicę; Twój edytor sobie z nią radzi.

How to Save a PNG With Transparent Background

Jak zapisać PNG z przezroczystym tłem

A lot of "my export is not transparent" trouble is decided before the save dialog opens. Three rules cover it. The background layer has to be hidden or deleted, so the canvas shows a checkerboard in the editor. The format has to be one with an alpha channel, which in practice means PNG or WebP.

Wiele problemów w stylu „mój eksport nie jest przezroczysty" rozstrzyga się, zanim otworzy się okno zapisu. Wystarczą trzy zasady. Warstwa tła musi być ukryta lub usunięta, aby na kanwie w edytorze pojawiła się szachownica. Format musi mieć kanał alfa, co w praktyce oznacza PNG lub WebP.

And the PNG option should be the 8-bit-per-channel kind, often labelled PNG-24 or 32-bit, rather than a palette version that some exporters reduce to on-or-off transparency. The PNG spec does allow an indexed image to carry "the alpha table that associates an alpha sample with each palette entry", but you cannot count on every tool using it.

Opcja PNG powinna być typem 8 bitów na kanał, często oznaczanym jako PNG-24 lub 32-bit, a nie wersją paletową, którą niektórzy eksporterzy sprowadzają do przezroczystości włącz/wyłącz. Specyfikacja PNG dopuszcza, by obraz indeksowany niósł „tabelę alfa przypisującą próbkę alfa do każdego wpisu palety", ale nie możesz liczyć na to, że każde narzędzie ją wykorzysta.

The menu paths below come from each vendor's own documentation.

Ścieżki menu poniżej pochodzą z dokumentacji poszczególnych producentów.

SoftwareWhere the transparent PNG export lives
Atlas Cloud background removerClick Download; the alpha channel is already in place, so there is no format setting to get wrong
PhotoshopFile > Export > Export As, choose PNG as the format and allow transparency in the format settings
GIMP 3.0File > Export As, name the file .png; the option "Save color values from transparent pixels" only applies to single-layer images
FigmaSelect the frame, add a PNG export in the right sidebar; if the frame has a fill, untick Show in exports in the Fill section
PowerPointPicture Format > Remove Background, then right-click the picture, Save as Picture, and choose PNG in the Save as type list
ProgramGdzie znajduje się eksport przezroczystego PNG
Usuwacz tła Atlas CloudKliknij Download; kanał alfa już jest na miejscu, więc nie ma ustawienia formatu, które można pomylić
PhotoshopFile > Export > Export As, wybierz PNG jako format i zezwól na przezroczystość w ustawieniach formatu
GIMP 3.0File > Export As, nazwij plik .png; opcja „Save color values from transparent pixels" dotyczy tylko obrazów jednowarstwowych
FigmaWybierz ramkę, dodaj eksport PNG w prawym panelu; jeśli ramka ma wypełnienie, odznacz Show in exports w sekcji Fill
PowerPointPicture Format > Remove Background, następnie kliknij obraz prawym przyciskiem, Save as Picture i wybierz PNG na liście Save as type

Whichever tool you use, look at the result on a checkerboard before you download. The Atlas result panel shows exactly that, so you can see the alpha channel working before the file ever reaches your disk.

Niezależnie od użytego narzędzia spójrz na wynik na szachownicy przed pobraniem. Panel wyników Atlas Cloud pokazuje dokładnie to, więc możesz zobaczyć kanał alfa w działaniu, zanim plik trafi na Twój dysk.

Atlas Cloud background remover result panel showing a cutout on a checkered preview, with the Output Format field set to PNG (transparent background) and a Download button

Panel wyników usuwacza tła Atlas Cloud pokazujący wycięcie na szachowym podglądzie, z polem Output Format ustawionym na PNG (transparent background) i przyciskiem Download

Turn Any Image to a Transparent PNG in One Click

Zamień dowolny obraz w przezroczysty PNG jednym kliknięciem

The quickest way to get a file with a real alpha channel is to let a segmentation model build one. Atlas Cloud runs a background remover tool inside the browser tab, one of a small set of free AI tools on the site that need no account. You drag a photo in, click Run Free, and download the result.

Najszybszym sposobem na uzyskanie pliku z prawdziwym kanałem alfa jest pozwolenie modelowi segmentacji, by go zbudował. Atlas Cloud udostępnia narzędzie do usuwania tła działające w karcie przeglądarki — jedno z niewielkiego zestawu darmowych narzędzi AI w serwisie, które nie wymagają konta. Przeciągasz zdjęcie, klikasz Run Free i pobierasz wynik.

Side-by-side comparison of an AI-generated sneaker photo on a wooden table and the same sneaker cut out as a transparent PNG shown on a dark grey background, laces and sole edge intact

Porównanie obok siebie: wygenerowane przez AI zdjęcie sneakersa na drewnianym stole oraz ten sam sneakers wycięty jako przezroczysty PNG pokazany na ciemnoszarym tle, z nienaruszonymi sznurówkami i krawędzią podeszwy

The model runs locally through WebGPU, with a WASM fallback on machines without it, and we completed a cutout with the network disconnected. There is no watermark and no sign-up.

Model działa lokalnie przez WebGPU, z awaryjnym trybem WASM na maszynach, które go nie obsługują, a my wykonaliśmy wycięcie przy rozłączonej sieci. Nie ma znaku wodnego ani rejestracji.

Subjects are not limited to portraits. In testing, a group photo, a long-haired dog, a white sneaker, a handwritten signature, a line-art logo, and a white shirt photographed against a white wall each came back as a usable cutout, the logo with its negative space open. If the cutout you need is destined for a large print, pair it with the free image upscaler comparison we ran, since the alpha channel scales with the image.

Obiekty nie ograniczają się do portretów. W testach zdjęcie grupowe, długowłosy pies, biały sneakers, odręczny podpis, logo w stylu line-art oraz biała koszula sfotografowana na białej ścianie — każde z nich wróciło jako użyteczne wycięcie, a logo z otwartą przestrzenią negatywową. Jeśli potrzebne wycięcie jest przeznaczone do dużego druku, połącz je z darmowym powiększaczem obrazów z naszego porównania, ponieważ kanał alfa skaluje się razem z obrazem.

Inside a Real Cutout: Where the Soft Pixels Are

Wnętrze prawdziwego wycięcia: gdzie są miękkie piksele

We opened seven of those outputs in Python and counted every pixel by its alpha value. The pattern was the same in all seven. Between 60.6% and 98.4% of pixels were fully transparent, depending on how much of the frame the subject filled.

Otworzyliśmy siedem z tych wyników w Pythonie i policzyliśmy każdy piksel według jego wartości alfa. Wzorzec był taki sam we wszystkich siedmiu. Od 60,6% do 98,4% pikseli było całkowicie przezroczystych, w zależności od tego, jak dużą część kadru wypełniał obiekt.

The partly transparent pixels, the ones with alpha between 8 and 250, made up 0.7% to 2.2% of the image. That is a band 1 to 3 pixels wide running around the outline, and it is doing all the anti-aliasing work.

Piksele częściowo przezroczyste, czyli te o wartości alfa między 8 a 250, stanowiły od 0,7% do 2,2% obrazu. To pas o szerokości od 1 do 3 pikseli biegnący wokół konturu, i to on wykonuje całą pracę wygładzania.

Stacked bar chart of alpha values in seven background-removed images: fully transparent pixels range from 60.61% to 98.38%, partly transparent edge pixels from 0.71% to 2.16%, and the rest are solid subject pixels

Wykres słupkowy skumulowany wartości alfa w siedmiu obrazach z usuniętym tłem: piksele całkowicie przezroczyste mieszczą się w zakresie od 60,61% do 98,38%, częściowo przezroczyste piksele krawędzi od 0,71% do 2,16%, a resztę stanowią nieprzezroczyste piksele obiektu

The sheer veil taught us something the definition alone would not. The alpha channel can store translucency, yet the veil came back with only 0.73% partly transparent pixels, the same thin outline as the sneaker. The fabric itself was written as solid, with the greenery behind it baked into its colour. Shape preserved, translucency lost. A file having an alpha channel tells you nothing about whether a model chose to use the middle of the range.

Przezroczysty welon nauczył nas czegoś, czego sama definicja by nie pokazała. Kanał alfa potrafi przechowywać półprzezroczystość, a jednak welon wrócił z zaledwie 0,73% częściowo przezroczystych pikseli — takim samym cienkim konturem jak sneakers. Sam materiał został zapisany jako nieprzezroczysty, z zielenią za nim wtopioną w jego kolor. Kształt zachowany, półprzezroczystość utracona. To, że plik ma kanał alfa, nie mówi nic o tym, czy model zdecydował się użyć środka zakresu.

A small technical observation for the curious: in all seven files the solid subject pixels sit at alpha 254 rather than 255, a difference no display can show. In the full-size PNGs we inspected, every fully transparent pixel carries the same colour value, plain black, so the file stores no hidden backdrop that could leak back as a fringe.

Mała techniczna obserwacja dla ciekawych: we wszystkich siedmiu plikach nieprzezroczyste piksele obiektu mają wartość alfa 254, a nie 255 — różnica, której żaden wyświetlacz nie pokaże. W badanych plikach PNG w pełnym rozmiarze każdy całkowicie przezroczysty piksel ma tę samą wartość koloru, zwykłą czerń, więc plik nie przechowuje ukrytego tła, które mogłoby wyciec z powrotem jako obwódka.

Which Image Formats Support Transparency

Które formaty obrazów obsługują przezroczystość

Five formats cover almost every file you will ever be handed. They store transparency in four different ways, and the difference decides whether an edge can fade, whether the file can animate, and how big it ends up.

Pięć formatów obejmuje niemal każdy plik, jaki kiedykolwiek dostaniesz. Przechowują przezroczystość na cztery różne sposoby, a różnica decyduje o tym, czy krawędź może się wygładzić, czy plik może być animowany i jak duży ostatecznie będzie.

FormatHow transparency is storedLevelsSoft edgesAnimation
PNG8- or 16-bit alpha per pixel, or a tRNS chunk for indexed and single-colour transparency256 or 65,536YesYes (APNG, now part of the PNG spec)
WebP8-bit alpha per pixel, in both lossy and lossless modes256YesYes
GIFOne palette index flagged as transparent2 (on or off)NoYes
SVGVector shapes with no backdrop; opacity set per elementContinuousYesYes
JPGNone1NoNo
FormatJak przechowywana jest przezroczystośćPoziomyMiękkie krawędzieAnimacja
PNGalfa 8- lub 16-bitowa na piksel albo segment tRNS dla przezroczystości indeksowanej i jednokolorowej256 lub 65 536TakTak (APNG, obecnie część specyfikacji PNG)
WebPalfa 8-bitowa na piksel, zarówno w trybie stratnym, jak i bezstratnym256TakTak
GIFjeden indeks palety oznaczony jako przezroczysty2 (wł./wył.)NieTak
SVGkształty wektorowe bez tła; krycie ustawiane dla każdego elementuCiągłeTakTak
JPGBrak1NieNie

Does JPG Support Transparency?

Czy JPG obsługuje przezroczystość?

No. MDN's image format guide states it plainly: "JPEG does not support an alpha channel." The format stores three colour channels and nothing else, so when you save a layered image as JPG the editor has to flatten it onto a colour first, usually white. That white is then ordinary pixels, and it travels with the subject wherever the file goes.

Nie. Przewodnik po formatach obrazów MDN mówi wprost: „JPEG nie obsługuje kanału alfa." Format przechowuje trzy kanały koloru i nic więcej, więc gdy zapisujesz obraz warstwowy jako JPG, edytor musi najpierw spłaszczyć go na jakimś kolorze, zwykle białym. Ta biel staje się zwykłymi pikselami i wędruje razem z obiektem, dokądkolwiek trafi plik.

The same sneaker cutout saved two ways on a dark page: the JPG version carries a white rectangle behind the shoe, the PNG version shows the dark page colour through its alpha channel

To samo wycięcie sneakersa zapisane na dwa sposoby na ciemnej stronie: wersja JPG niesie biały prostokąt za butem, a wersja PNG pokazuje ciemny kolor strony przez swój kanał alfa

This is also why a "transparent JPG" download is not what it claims. Either the file is really a PNG with the wrong extension, or the checkerboard you see is painted into the pixels. Renaming a .jpg to .png changes the label on the box, not the contents. If you need transparency, the JPG has to be opened, the background removed, and the result saved to a format that can hold an alpha channel.

To także dlatego pobieranie „przezroczystego JPG" nie jest tym, czym się wydaje. Albo plik naprawdę jest PNG z błędnym rozszerzeniem, albo widoczna szachownica jest wmalowana w piksele. Zmiana nazwy .jpg na .png zmienia etykietę na pudełku, a nie zawartość. Jeśli potrzebujesz przezroczystości, JPG trzeba otworzyć, usunąć tło i zapisać wynik w formacie, który potrafi przechować kanał alfa.

Transparent GIF: One Colour, Hard Edges

Przezroczysty GIF: jeden kolor, twarde krawędzie

GIF's transparency comes from the 89a revision of the format, and its age shows. The GIF89a specification adds a Graphic Control Extension with a Transparency Index, described like this: "The Transparency Index is such that when encountered, the corresponding pixel of the display device is not modified and processing goes on to the next pixel." One entry in the colour table is declared see-through. Every other pixel is drawn at full strength.

Przezroczystość GIF-a pochodzi z rewizji 89a tego formatu i widać po niej wiek. Specyfikacja GIF89a dodaje Graphic Control Extension z indeksem przezroczystości, opisany tak: „Indeks przezroczystości sprawia, że gdy zostanie napotkany, odpowiedni piksel urządzenia wyświetlającego nie jest modyfikowany, a przetwarzanie przechodzi do następnego piksela." Jeden wpis w tabeli kolorów zostaje ogłoszony jako przeświecający. Każdy inny piksel jest rysowany w pełnym natężeniu.

That makes GIF transparency a 1-bit affair. A pixel is either skipped or painted, and with a palette of at most 256 colours there is no room for a half-visible edge. Put a GIF cutout on a background that differs from the one it was made on and the outline steps like a staircase, often with a pale fringe where anti-aliased pixels were snapped to solid.

To czyni przezroczystość GIF-a sprawą 1-bitową. Piksel jest albo pomijany, albo namalowany, a przy palecie najwyżej 256 kolorów nie ma miejsca na na wpół widoczną krawędź. Umieść wycięcie GIF na tle innym niż to, dla którego je zrobiono, a kontur będzie schodził jak schody, często z bladą obwódką w miejscach, gdzie piksele z wygładzaniem zostały przypięte do pełnej nieprzezroczystości.

Two enlarged views of the same 200 by 112 pixel region of a sneaker lace: the PNG edge fades smoothly over a few pixels while the GIF edge shows hard stair steps against the dark background

Dwa powiększone widoki tego samego obszaru 200 na 112 pikseli sznurówki sneakersa: krawędź PNG wygładza się płynnie na przestrzeni kilku pikseli, podczas gdy krawędź GIF pokazuje twarde schodki na ciemnym tle

We converted the sneaker cutout to GIF with a 128 alpha threshold, the usual default, and enlarged the same region of the lace three times. The 8-bit side fades across two or three pixels. The GIF side is all right angles. If you need a transparent GIF for a client that accepts nothing else, build it on the background colour it will sit on, so the fringe matches instead of glowing.

Przekonwertowaliśmy wycięcie sneakersa na GIF z progiem alfa 128, czyli zwykłym domyślnym ustawieniem, i trzykrotnie powiększyliśmy ten sam obszar sznurówki. Strona 8-bitowa wygładza się na przestrzeni dwóch lub trzech pikseli. Strona GIF to same kąty proste. Jeśli potrzebujesz przezroczystego GIF-a dla klienta, który nie przyjmie niczego innego, zbuduj go na kolorze tła, na którym będzie leżał, aby obwódka pasowała, a nie świeciła.

WebP Transparency in Lossy and Lossless Files

Przezroczystość WebP w plikach stratnych i bezstratnych

WebP is the format that finally gave lossy compression an alpha channel. Google's compression documentation describes "another WebP mode that allows lossy encoding for RGB channels and lossless encoding for the alpha channel", and its cwebp reference sets the alpha quality default at 100, meaning the alpha plane is stored losslessly unless you ask otherwise.

WebP to format, który wreszcie dał kompresji stratnej kanał alfa. Dokumentacja kompresji Google opisuje „inny tryb WebP, który pozwala na kodowanie stratne dla kanałów RGB i kodowanie bezstratne dla kanału alfa", a jego dokumentacja cwebp ustawia domyślną jakość alfa na 100, co oznacza, że płaszczyzna alfa jest przechowywana bezstratnie, o ile nie zażyczysz sobie inaczej.

Google's overview page puts lossless WebP at 26% smaller than PNG, says transparency adds about 22% in bytes, and puts lossy WebP with transparency at typically 3x smaller than PNG.

Strona przeglądowa Google podaje, że bezstratny WebP jest o 26% mniejszy od PNG, mówi, że przezroczystość dodaje około 22% w bajtach, i szacuje stratny WebP z przezroczystością na zwykle 3 razy mniejszy od PNG.

Our own numbers were in that neighbourhood. We took a 2048 x 1152 cutout straight from the background remover, a 1,211 KB PNG, and re-saved it with Pillow at default settings.

Nasze własne liczby mieściły się w tych okolicach. Wzięliśmy wycięcie 2048 x 1152 prosto z usuwacza tła, plik PNG o rozmiarze 1211 KB, i zapisaliśmy je ponownie za pomocą Pillow z domyślnymi ustawieniami.

Horizontal bar chart of one 2048 by 1152 cutout saved in five formats: PNG 1,211 KB, WebP lossless 660 KB, GIF 401 KB, JPG at quality 90 161 KB, WebP lossy at quality 80 124 KB, with labels marking the alpha channel intact for PNG and both WebP files, 1-bit only for GIF, and gone for JPG

Poziomy wykres słupkowy jednego wycięcia 2048 na 1152 zapisanego w pięciu formatach: PNG 1211 KB, WebP bezstratny 660 KB, GIF 401 KB, JPG w jakości 90 161 KB, WebP stratny w jakości 80 124 KB, z etykietami oznaczającymi kanał alfa nienaruszony dla PNG i obu plików WebP, tylko 1-bitowy dla GIF i brak dla JPG

Lossless WebP came out at 660 KB, 46% smaller, and every alpha value matched the PNG exactly. Lossy WebP at quality 80 came out at 124 KB, and its alpha plane was still byte-for-byte identical to the original. The only thing that changed was the colour data. For web delivery of cutouts, that is usually the file you want. For a master copy you plan to keep editing, stay with PNG or lossless WebP.

Bezstratny WebP wyszedł na 660 KB, czyli o 46% mniejszy, a każda wartość alfa zgadzała się dokładnie z PNG. Stratny WebP w jakości 80 wyszedł na 124 KB, a jego płaszczyzna alfa wciąż była identyczna z oryginałem co do bajtu. Zmieniły się tylko dane koloru. Do dostarczania wycięć w sieci to zwykle plik, którego chcesz. Jako kopię wzorcową, którą planujesz dalej edytować, zachowaj PNG lub bezstratny WebP.

SVG Transparent Background: No Backdrop to Remove

Przezroczyste tło SVG: nie ma tła do usunięcia

SVG does not have a background to make transparent, because it never had one. An SVG file is a list of drawing instructions: draw this circle here, fill it with this colour. Nothing in that list paints the canvas unless you add a rectangle that covers it. When an SVG appears to have a white background, you are looking at the page or the viewer behind it.

SVG nie ma tła, które można by uczynić przezroczystym, bo nigdy go nie miał. Plik SVG to lista instrukcji rysowania: narysuj to koło tutaj, wypełnij je tym kolorem. Nic na tej liście nie maluje kanwy, chyba że dodasz prostokąt, który ją pokryje. Gdy SVG wydaje się mieć białe tło, patrzysz na stronę lub przeglądarkę obrazów za nim.

Three panels showing the same SVG ring: on a light page it appears to have a white background, on a dark page the dark colour shows through the ring, and a third version with a white rect element added carries a visible white box

Trzy panele pokazujące ten sam pierścień SVG: na jasnej stronie wydaje się mieć białe tło, na ciemnej stronie ciemny kolor prześwieca przez pierścień, a trzecia wersja z dodanym białym elementem rect niesie widoczne białe pole

Transparency inside an SVG is set per element. MDN's reference describes the fill value none as painting no fill, so the inside of a shape stays clear. The fill-opacity attribute fades only the paint inside a shape, while opacity fades the whole element, stroke included.

Przezroczystość wewnątrz SVG ustawia się dla każdego elementu osobno. Dokumentacja MDN opisuje wartość fill równą none jako brak wypełnienia, więc wnętrze kształtu pozostaje przejrzyste. Atrybut fill-opacity wygasza tylko wypełnienie wewnątrz kształtu, a opacity wygasza cały element, łącznie z obrysem.

Two things trip people up. A raster photo embedded in an SVG through an image element keeps whatever alpha channel the photo has, so a JPG inside an SVG still carries its white box. And running a photo through a raster-to-SVG converter does not remove a background; it traces the background into shapes along with everything else.

Dwie rzeczy potykają ludzi. Zdjęcie rastrowe osadzone w SVG przez element image zachowuje taki kanał alfa, jaki ma zdjęcie, więc JPG wewnątrz SVG wciąż niesie swoje białe pole. A przepuszczenie zdjęcia przez konwerter rastrowe-na-SVG nie usuwa tła; obrysowuje tło w kształty razem ze wszystkim innym.

Why Is My PNG Not Transparent?

Dlaczego mój PNG nie jest przezroczysty?

Run these checks in order. A file that passes the first one needs no fixing at all.

Wykonaj te sprawdzenia po kolei. Plik, który przejdzie pierwsze z nich, nie wymaga żadnej naprawy.

The viewer painted the backdrop. Image viewers have to put something behind transparent pixels, and many pick white or black. The file is unchanged; only the display is. Open the same PNG in a design app, a browser tab with a dark page, or a slide with a dark fill. If the box disappears, stop here.

Podglądacz domalował tło. Przeglądarki obrazów muszą coś położyć za przezroczystymi pikselami, a wiele z nich wybiera biel lub czerń. Plik się nie zmienił; zmienił się tylko sposób wyświetlania. Otwórz ten sam PNG w aplikacji do projektowania, w karcie przeglądarki z ciemną stroną albo na slajdzie z ciemnym wypełnieniem. Jeśli pole znika, na tym poprzestań.

Windows 11 Photos app displaying a transparent sneaker PNG with the app's own backdrop colour filling the transparent area

Aplikacja Zdjęcia w Windows 11 wyświetlająca przezroczysty PNG sneakersa z własnym kolorem tła aplikacji wypełniającym przezroczysty obszar

The file has no alpha channel. A JPG renamed .png, a screenshot of a transparent image, or a file that passed through a messaging app or CMS that re-encoded it will all look opaque because they are. Check the image mode. In Photoshop the Channels panel should list an Alpha channel; on Windows, Properties > Details shows a bit depth of 32 for an RGBA PNG rather than 24; in Python, Image.open("file.png").mode returns RGBA. If alpha is missing, go back to the layered original and export again.

Plik nie ma kanału alfa. JPG ze zmienioną nazwą na .png, zrzut ekranu przezroczystego obrazu albo plik, który przeszedł przez komunikator lub CMS, który go przekodował — wszystkie będą wyglądać na nieprzezroczyste, bo takie są. Sprawdź tryb obrazu. W Photoshopie panel Channels powinien wymieniać kanał Alpha; w Windows Properties > Details pokazuje głębię bitową 32 dla PNG RGBA, a nie 24; w Pythonie Image.open("file.png").mode zwraca RGBA. Jeśli alfa brakuje, wróć do oryginału warstwowego i wyeksportuj ponownie.

The edge is hard or fringed. A stair-stepped outline points to 1-bit transparency, and a pale or coloured fringe points to edge pixels that still carry the old background colour. Our red-wall test showed how that happens: with a white shirt against a saturated red wall, 69% of the semi-transparent edge pixels leaned red, and on a new background that band reads as a fringe. The fix is a re-export with 8-bit alpha and no matte colour, and, for cutouts, a neutral backdrop in the original photo or a 1-pixel contraction of the mask.

Krawędź jest twarda lub ma obwódkę. Kontur schodkowy wskazuje na przezroczystość 1-bitową, a blada lub kolorowa obwódka — na piksele krawędzi, które wciąż niosą stary kolor tła. Nasz test z czerwoną ścianą pokazał, jak to się dzieje: przy białej koszuli na nasyconej czerwonej ścianie 69% półprzezroczystych pikseli krawędzi przechylało się ku czerwieni, a na nowym tle ten pas czyta się jako obwódka. Rozwiązaniem jest ponowny eksport z 8-bitową alfą i bez koloru matującego, a w przypadku wycięć — neutralne tło na oryginalnym zdjęciu lub ściągnięcie maski o 1 piksel.

The checkerboard is baked in. Scale the image. If the grey-and-white squares grow and shrink with the picture, they are pixels. Preview images from stock sites often ship this way. Download the real file, or cut the background out again.

Szachownica jest wbudowana na stałe. Przeskaluj obraz. Jeśli szare i białe kwadraty rosną i maleją razem z obrazem, to są piksele. Obrazy podglądowe z banków zdjęć często tak wyglądają. Pobierz prawdziwy plik albo wytnij tło ponownie.

Four-step troubleshooting flow for a PNG that is not transparent: test on a dark background, confirm the file has an alpha channel, zoom in on the edge for hard steps or fringes, and scale the image to see whether a checkerboard is baked into the pixels

Czteroetapowy schemat rozwiązywania problemów z nieprzezroczystym PNG: sprawdź na ciemnym tle, potwierdź, że plik ma kanał alfa, przybliż krawędź, aby zobaczyć twarde schodki lub obwódki, i przeskaluj obraz, aby sprawdzić, czy szachownica jest wbudowana w piksele

Frequently Asked Questions

Najczęściej zadawane pytania

Is an alpha channel the same as a layer mask?

Czy kanał alfa to to samo co maska warstwy?

They are cousins. Adobe's Photoshop help describes an alpha channel as a selection stored as an editable greyscale mask in the Channels panel, and a layer mask works the same way inside the editor. The difference is what survives export. A layer mask is an editing tool that lives in the PSD. The alpha channel written into a PNG or WebP is the flattened result of every mask, and it is the transparency other apps actually read.

To kuzyni. Pomoc Photoshopa firmy Adobe opisuje kanał alfa jako zaznaczenie zapisane w panelu Channels jako edytowalna maska w skali szarości, a maska warstwy działa w edytorze tak samo. Różnica polega na tym, co przetrwa eksport. Maska warstwy to narzędzie do edycji, które żyje w pliku PSD. Kanał alfa zapisany w PNG lub WebP to spłaszczony wynik wszystkich masek i to właśnie tę przezroczystość odczytują inne aplikacje.

How many levels of transparency does an 8-bit alpha channel have?

Ile poziomów przezroczystości ma 8-bitowy kanał alfa?

256, from 0 (fully transparent) to 255 (fully opaque). A 16-bit alpha channel, which PNG also supports, has 65,536. GIF has two: drawn or skipped.

256, od 0 (całkowicie przezroczysty) do 255 (całkowicie nieprzezroczysty). 16-bitowy kanał alfa, który PNG także obsługuje, ma 65 536. GIF ma dwa: narysowany lub pominięty.

Can I add an alpha channel to a JPG?

Czy mogę dodać kanał alfa do JPG?

Not while it stays a JPG, since the format has no place to store one. Open the file, separate the subject from the background, and save the result as PNG or WebP. The browser-based cutout tool on Atlas Cloud does the conversion in one step: JPG in, transparent PNG out, free to use and without login.

Nie, dopóki pozostaje plikiem JPG, ponieważ format nie ma gdzie go przechować. Otwórz plik, oddziel obiekt od tła i zapisz wynik jako PNG lub WebP. Narzędzie do wycinania działające w przeglądarce w Atlas Cloud wykonuje konwersję w jednym kroku: JPG na wejściu, przezroczysty PNG na wyjściu, darmowe i bez logowania.

Does WebP transparency work in every browser?

Czy przezroczystość WebP działa w każdej przeglądarce?

Current versions of the major browsers render WebP with alpha, and MDN's compatibility table for the format is the place to confirm support for any older version you still need to serve. If a legacy audience matters, serve PNG as the fallback through a picture element.

Aktualne wersje głównych przeglądarek renderują WebP z kanałem alfa, a tabela zgodności MDN dla tego formatu to miejsce, w którym potwierdzisz obsługę każdej starszej wersji, którą wciąż musisz obsługiwać. Jeśli zależy Ci na użytkownikach starszych systemów, podawaj PNG jako rozwiązanie zapasowe przez element picture.

Why does my transparent PNG have a white halo?

Dlaczego mój przezroczysty PNG ma białą poświatę?

The pixels along the edge are partly transparent, and their colour still carries the background they were cut from. On a white original that band looks like a white halo once you place the cutout on something dark. Re-export with 8-bit alpha and matte set to none, or contract the selection by a pixel before saving.

Piksele wzdłuż krawędzi są częściowo przezroczyste, a ich kolor wciąż niesie tło, z którego zostały wycięte. Przy białym oryginale ten pas wygląda jak biała poświata, gdy tylko położysz wycięcie na czymś ciemnym. Wyeksportuj ponownie z 8-bitową alfą i matowaniem ustawionym na none albo ściągnij zaznaczenie o piksel przed zapisaniem.

Conclusion

Podsumowanie

Transparency is a number. Each pixel in an RGBA PNG or WebP carries an alpha value from 0 to 255, and once that clicks the other formats sort themselves out: GIF has a single on-off flag, JPG has nothing, and SVG has no backdrop to remove in the first place. The seven cutouts we measured put the whole anti-aliased edge in a band of 0.7% to 2.2% of the image, which is exactly the part a 1-bit format throws away.

Przezroczystość to liczba. Każdy piksel w pliku PNG lub WebP RGBA niesie wartość alfa od 0 do 255, a gdy to zaskoczy, inne formaty same się układają: GIF ma pojedynczą flagę wł./wył., JPG nie ma nic, a SVG nie ma tła, które trzeba by usuwać. Siedem zmierzonych przez nas wycięć umieszcza całą krawędź z wygładzaniem w pasie od 0,7% do 2,2% obrazu, czyli dokładnie w tej części, którą format 1-bitowy wyrzuca.

If you came here asking what is an alpha channel because a file refused to go transparent, check the viewer first, then the file's mode, then the edge. And if you need a clean alpha channel without opening an editor, a browser-based background remover will hand you one in a single PNG, at the pixel size you started with.

Najnowsze modele

Jedno API do całej multimedialnej AI.

Przeglądaj wszystkie modele