Autor: @SoNiceInfo · opublikowano 22.09.2026
Jedną z najbardziej frustrujących niespodzianek dla projektantów i programistów stron internetowych jest odkrycie, że przezroczyste tło PNG po konwersji do WebP staje się całkowicie czarne lub białe. Tymczasem WebP doskonale radzi sobie z wyraźną przezroczystością i płynnymi cieniami. Oto jak w macOS masowo przekonwertować setki przezroczystych plików PNG do WebP, zachowując nienaganną przezroczystość.
Obrazy PNG przechowują kanały czerwony, zielony i niebieski oraz czwarty kanał: kanał alfa (A), który określa krycie piksela od 0 (całkowicie przezroczysty) do 255 (całkowicie nieprzezroczysty).
Gdy przekonwertowany plik WebP ma czarne lub białe tło, niemal zawsze wynika to z jednej z dwóch przyczyn:
Przy kodowaniu zgodnym z oficjalną specyfikacją WebP od Google przezroczystość zostaje zachowana z matematyczną precyzją.
Jeśli wolisz intuicyjny interfejs na Macu, w którym przed eksportem obejrzysz przezroczyste materiały, najlepszym narzędziem jest WebP Converter.
Przeciągnij i upuść przezroczyste pliki PNG
Upuść na okno pojedyncze pliki albo całe foldery z logo, ikonami lub wycinkami.
Wybierz tryb bezstratny
Dla logo i ikon zaznacz „Lossless” (bezstratny). Dla przezroczystych zdjęć wybierz „Lossy” (stratny) z jakością 80.
Kliknij „Start”, aby wyeksportować
Pliki WebP z w pełni nienaruszoną przezroczystością powstaną w kilka sekund.
Wbudowany suwak dzielący obraz pozwala przed publikacją sprawdzić, czy subtelne cienie i wygładzone krawędzie wyglądają idealnie.
Dla użytkowników terminala i skryptów budowania Google udostępnia oficjalne narzędzie cwebp, które zainstalujesz przez Homebrew:
brew install webpOto niezawodny skrypt powłoki do masowej konwersji przezroczystych plików PNG. Kluczem jest połączenie -lossless z flagą -exact, aby niewidoczne dane RGB nie ulegały zmianie:
mkdir -p webp_transparent
for f in *.png; do
[ -f "$f" ] || continue
# Zachowuje przezroczystość i kanał alfa bez przenikania kolorów RGB
cwebp -lossless -exact "$f" -o "webp_transparent/${f%.*}.webp"
doneDzięki temu przezroczyste piksele nie powodują przenikania kolorów na krawędziach ani artefaktów kompresji.
| Rodzaj materiału | Zalecane ustawienie | Uzasadnienie i oczekiwana oszczędność |
|---|---|---|
| Logo i znaki słowne | Bezstratnie | Zachowuje ostre jak brzytwa kontury, niemal jak w grafice wektorowej; ok. 26% mniej niż PNG. |
| Ikony aplikacji i przyciski interfejsu | Bezstratnie | Zachowuje co do piksela zaokrąglone rogi i półprzezroczyste cienie. |
| Wycięte zdjęcia produktów / osób | Stratnie (jakość ok. 80) | Zachowuje przezroczystość, a dane zdjęcia zmniejsza o ponad 50% w porównaniu z PNG. |
| Akwarele i ilustracje | Stratnie (jakość ok. 85) | Zapewnia płynne przejścia kolorów przy wysokim stopniu kompresji. |
cwebp, oraz wyspecjalizowane aplikacje na macOS poprawnie obsługują kanał alfa.-exact nakazuje koderowi zachować wartości kolorów RGB w całkowicie przezroczystych pikselach (alfa = 0). Domyślnie kodery WebP odrzucają niewidoczne wartości RGB, aby zmaksymalizować kompresję. Ich zachowanie przydaje się, jeśli planujesz później edytować obraz lub zdjąć z niego maskę albo chcesz uniknąć lekkich obwódek wzdłuż złożonych granic przezroczystości.Wymaga macOS 12.0 lub nowszego · Pobieranie za darmo