Zmiana przezroczystości obrazu

Narzędzie Zmiana przezroczystości obrazu modyfikuje kanał alfa zdjęcia, aby cały obraz stał się półprzezroczysty w wybranym przez Ciebie stopniu krycia, a następnie zapisuje go jako PNG, który zachowuje przezroczystość po wklejeniu w dowolnym miejscu. Krycie samo w sobie nie ma wyglądu, dlatego możesz zmieniać tło podglądu między szachownicą, bielą, czernią i dowolnym kolorem. Skala miniatur pozwala od razu porównać kilka poziomów krycia na Twoim obrazie. Wszystko działa w tej karcie przeglądarki; plik nie jest przesyłany.

Czym wyróżnia się to narzędzie do zmiany krycia?

Jak używać narzędzia do zmiany przezroczystości obrazu

1. Otwórz obrazy: upuść pliki JPG, PNG, WebP lub GIF w obszarze przesyłania, kliknij, aby wybrać pliki, albo naciśnij Ctrl+V, aby wkleić obraz. Obrazy są dekodowane w przeglądarce i nie są przesyłane.
2. Ustaw krycie: przeciągnij suwak krycia, wpisz dokładną wartość procentową lub kliknij miniaturę na skali krycia, aby zobaczyć dany poziom na swoim obrazie.
3. Wybierz tło podglądu: zmień tło na szachownicę, biel, czerń lub wybrany kolor, aby ocenić krycie na tle, na którym obraz będzie rzeczywiście używany.
4. Dodaj efekt zanikania: wybierz zanik liniowy, radialny lub zmiękczenie krawędzi, a następnie ustaw kąt i szerokość zanikania oraz krycie minimalne.
5. Pobierz wynik: wybierz PNG lub WebP, aby zachować kanał alfa i pobrać obraz w oryginalnej rozdzielczości, albo wybierz JPG i wskaż kolor, na którym zostanie spłaszczona przezroczystość.

Jakie krycie wybrać?

W praktyce często sprawdzają się poniższe wartości. Każda z nich to punkt wyjścia, a nie sztywna reguła — przed zatwierdzeniem ustaw tło podglądu na kolor zbliżony do docelowego tła obrazu.

Trzy kształty zanikania

• Liniowy stopniowo zmienia krycie w jednym kierunku wskazanym przez kąt zanikania. Przy 90° obraz zanika ku dołowi — to klasyczny sposób na płynne połączenie zdjęcia z treścią poniżej. Szerokość zanikania określa, jaką część obrazu obejmuje gradient: przy 25% większość obrazu pozostaje niezmieniona, a przy 100% gradient obejmuje cały obraz od krawędzi do krawędzi.
• Radialny zachowuje pełne krycie w środku i zmniejsza je na zewnątrz w elipsie. Dzięki temu główny obiekt pozostaje wyraźny, a otoczenie stopniowo zanika. Sprawdza się przy delikatnej winiecie lub okrągłym awatarze bez wyraźnej krawędzi.
• Zmiękczenie krawędzi równomiernie zmniejsza krycie od wszystkich czterech krawędzi. Ponieważ efekt zależy od odległości od najbliższej krawędzi, szeroki i wysoki obraz mają taką samą wizualną szerokość obramowania — przydatne, gdy zestaw obrazów ma wyglądać spójnie.

Wszystkie trzy gradienty używają krzywej smoothstep zamiast linii prostej. Liniowy gradient alfa może wyglądać tak, jakby zaczynał się i kończył gwałtownie, ponieważ oko dobrze wychwytuje nagłą zmianę tempa zanikania. Smoothstep łagodnie rozpoczyna i kończy zmianę, dając naturalny efekt rozpuszczania.

Typowe zastosowania

• Znaki wodne: zmniejsz krycie logo do 20%, wyeksportuj je jako PNG i nakładaj na zdjęcia w dowolnym edytorze bez ponownego ustawiania przezroczystości.
• Tła slajdów i dokumentów: zdjęcie z kryciem 12% pod tekstem dodaje głębi, nie obniżając kontrastu poniżej progu dostępności.
• Projektowanie stron i aplikacji: przygotuj półprzezroczyste zasoby do nakładek, stanów nieaktywnych i efektów po najechaniu, gotowe do użycia w CSS bez własnego ustawienia krycia.
• Nakładki wideo i transmisji: OBS i podobne narzędzia bezpośrednio łączą kanał alfa PNG z obrazem, więc odznaka z kryciem 35% pojawi się na transmisji bez osobnego filtra.
• Druk i rękodzieło: przygotuj wyblakłe tła zdjęciowe do zaproszeń, albumów i certyfikatów. Zapis zostanie wykonany w oryginalnej rozdzielczości, bez zmiany próbkowania.
• Wyblakłe zdjęcia porównawcze: nałóż jedno zdjęcie na drugie, aby wyrównać ujęcia architektoniczne lub zdjęcia produktów.

Krycie, przezroczystość i alfa — trzy sposoby opisu tego samego

Piksel RGBA zawiera cztery bajty: czerwony, zielony, niebieski i alfa. Alfa określa stopień widoczności tego, co znajduje się za pikselem; nie jest kolorem. Krycie opisuje tę wartość w procentach, a przezroczystość jest jej dopełnieniem. Dlatego 30% krycia, alfa 77 i 70% przezroczystości opisują ten sam piksel. To narzędzie zmienia bezpośrednio bajt alfa i nie modyfikuje składowych czerwonej, zielonej ani niebieskiej. Dzięki temu ponowne zwiększenie krycia przywraca oryginalne kolory dokładnie.

Warto wiedzieć, że dane ImageData w canvas są przechowywane bez premnożenia: kanały kolorów zachowują pełne wartości, a alfa jest zapisywana osobno. Niektóre potoki przetwarzania obrazu premnażają kanały, zapisując kolory już przeskalowane przez alfę. Powtarzane zmiany krycia mogą wtedy stopniowo przyciemniać krawędzie. Kanały kolorów nie są celowo zmieniane; przy bardzo niskim kryciu część precyzji zostaje utracona.

Wybór formatu eksportu

Jak uzyskać lepszy wynik

• Najpierw dopasuj tło podglądu do docelowego. Ustawienie krycia 25% na szachownicy, a następnie umieszczenie obrazu na ciemnej stronie to najczęstszy powód, dla którego znak wodny staje się nieczytelny.
• Przed użyciem suwaka sprawdź skalę. Porównanie sześciu poziomów krycia własnego obrazu obok siebie ułatwia wybór bardziej niż przesuwanie suwaka i próba zapamiętania poprzedniego ustawienia.
• Szerokość zanikania powyżej 80% może wyglądać na przypadkową. Pozostawienie co najmniej 20% pełnego krycia daje oku wyraźny punkt odniesienia.
• Ustaw wyższe krycie minimalne dla tekstu. Zanik do 0 sprawi, że część podpisu zniknie; dolny próg 15–25% utrzyma tekst słaby, ale czytelny.
• W razie wątpliwości eksportuj do PNG. To format bezstratny, powszechnie obsługiwany i jedyny z tych trzech, który nie zaskoczy Cię później utratą przezroczystości.

Prywatność

Dekodowanie, zmiana kanału alfa i ponowne kodowanie odbywają się w przeglądarce za pomocą HTML5 canvas API. Żadne dane obrazu nie są wysyłane do miniwebtool ani do innych podmiotów, plik nie jest zapisywany, a strona działa także po przejściu w tryb offline. Jest to ważne w przypadku plików, które najczęściej użytkownicy chcą oznaczyć znakiem wodnym: nieopublikowanych zdjęć produktów, projektów klientów i prywatnych zdjęć.

Często zadawane pytania

Jak zmienić krycie obrazu?

Otwórz obraz, przeciągnij suwak krycia do wybranej wartości procentowej i pobierz go jako PNG. Narzędzie zmienia kanał alfa każdego piksela, więc krycie 40% zapisuje wartość alfa 102 z 255, nie zmieniając kanałów czerwonego, zielonego i niebieskiego. Obraz nie jest nakładany na białe tło, więc pozostaje rzeczywiście półprzezroczysty w każdym miejscu, w którym go użyjesz.

Dlaczego mój przezroczysty obraz znów wygląda na jednolity?

Najczęściej dlatego, że został zapisany jako JPG. Format JPG nie ma kanału alfa, więc każdy przezroczysty piksel musi zostać połączony z jakimś kolorem podczas zapisywania pliku. Wybierz PNG lub WebP, aby zachować przezroczystość. Jeśli PNG nadal wygląda na jednolity, sprawdź, czy program, w którym go otwierasz, obsługuje przezroczystość, zamiast wyświetlać obraz na nieprzezroczystym białym płótnie.

Jakiego krycia użyć dla znaku wodnego?

W przypadku logo umieszczanego na zdjęciach zwykle sprawdza się zakres od 15% do 30%: znak jest widoczny dla osób, które go szukają, ale nie odwraca uwagi od zdjęcia. Znak wodny z tekstem wymaga nieco większego krycia, około 25–40%, ponieważ cienkie linie zanikają szybciej niż pełne kształty. Przed wyborem ustaw tło podglądu na kolor zbliżony do tła zdjęć. Ten sam znak wodny jest znacznie lepiej widoczny na bieli niż na ciemnym obrazie.

Czy zmniejszenie krycia obniża jakość obrazu?

Zmiana krycia modyfikuje wyłącznie kanał alfa, pozostawiając kanały kolorów bez zmian, więc sama operacja nie powoduje utraty szczegółów. Ewentualna zmiana jakości zależy od wybranego formatu: PNG i bezstratny WebP są kodowane ponownie bez utraty danych, natomiast JPG ponownie kompresuje obraz i usuwa przezroczystość. Jeśli obraz będzie później ponownie edytowany, eksportuj go jako PNG.

Czy mój obraz jest przesyłany na serwer?

Nie. Plik jest dekodowany, otrzymuje nowy kanał alfa i jest ponownie kodowany przez canvas API w Twojej przeglądarce. Piksele nie opuszczają urządzenia i żadna kopia nie jest nigdzie zapisywana. Strona działa także po przejściu w tryb offline, gdy już się załaduje, dzięki czemu możesz bezpiecznie obrabiać nieopublikowane projekty, logo klientów i prywatne zdjęcia.