Test Gradientu

Free

Sprawdź ekran pod kątem bandingu kolorów za pomocą wzorów gradientu skali szarości, kanału RGB, promienistego, i koła odcieni, w trybie pełnoekranowym.

Klawiatura: strzałki, aby zmienić wzór, F dla pełnego ekranu, Esc, aby wyjść.

Komentarze (0)

Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.

Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!

Co robi to narzędzie

To narzędzie wyświetla sześć wzorów gradientowych, bezpośrednio w twojej przeglądarce, skalę szarości, indywidualne rampy czerwonego, zielonego, i niebieskiego, gradient radialny, i pełne koło odcieni, aby pomóc ci sprawdzić ekran pod kątem widocznego bandingu w różnych kierunkach i kolorach, z trybem pełnoekranowym do bliższego przyjrzenia się.

Jak To Działa

Wzory skali szarości i pojedynczego kanału to liniowe gradienty CSS biegnące od czerni do pełnej bieli, czerwieni, zieleni, lub błękitu, pozwalające przeglądarce interpolować tyle pośrednich odcieni, ile potrafi, wzdłuż prostej linii. Wzór radialny robi tę samą interpolację na zewnątrz od środka w okręgu zamiast w linii. Koło odcieni jest zbudowane jako stożkowy gradient CSS z 24 równo rozstawionymi punktami koloru, 15 stopni od siebie, obliczonymi z koła kolorów HSL przy pełnym nasyceniu, więc przeglądarka płynnie interpoluje między każdą parą sąsiednich punktów przez cały pełny okrąg 360 stopni.

Problemy, które rozwiązuje

Sprawdzanie ekranu pod kątem widocznego bandingu kolorów przed założeniem, że problemem jest plik obrazu lub wideo.
Izolowanie, czy problem bandingu dotyka jednego kanału koloru bardziej niż innych.
Porównywanie płynności gradientu w prostych, radialnych, i okrągłych przejściach odcieni.
Uzyskanie szybkiego wizualnego odniesienia dla ogólnej gładkości koloru ekranu przed pracą wrażliwą na kolor.

Często zadawane pytania

›Co powoduje widoczny banding w gradiencie?

Zwykle oznacza to, że nie ma wystarczająco odrębnych kroków koloru dostępnych, aby wyrenderować naprawdę płynne przejście, czy to z powodu panelu o niższej głębi bitowej, połączenia lub ustawienia wyjścia koloru 8-bitowego, agresywnego przetwarzania ekranu, lub samej zawartości źródłowej będącej niższej jakości, niż się wydaje.

›Dlaczego koło odcieni ma znaczenie, czy nie wystarczy prosta rampa?

Prosty gradient testuje przejścia tylko wzdłuż jednej linii, koło odcieni natomiast przemiata wszystkie odcienie naraz w pełnym kole, co może ujawnić niespójną płynność przy konkretnych kolorach lub kątach, których prosty gradient czerń-biel nigdy by nie dotknął.

›Dlaczego testować rampy czerwoną, zieloną, i niebieską osobno od skali szarości?

Ekran może renderować jeden kanał kolorów płynniej niż inny. Testowanie każdego koloru podstawowego osobno całkowicie izoluje ten kanał, więc problem z bandingiem specyficzny na przykład dla kanału niebieskiego nie zostanie ukryty przez pozostałe dwa kanały, które go kompensują.

›Co testuje gradient radialny, czego nie testują inne?

Przechodzi na zewnątrz z punktu środkowego we wszystkich kierunkach naraz, testując okrągły, rozszerzający się wzór zamiast prostej linii, co może zachowywać się inaczej na niektórych ekranach lub przy niektórych ustawieniach skalowania i przetwarzania wideo.

›Czy ustawienia przeglądarki lub wyjście wideo mogą powodować banding nawet na dobrym ekranie?

Tak. Kabel lub port ograniczony do koloru 8-bitowego, ustawienie koloru systemu operacyjnego, skalowanie GPU, lub nawet akceleracja sprzętowa przeglądarki, wszystkie mogą wprowadzić banding, który nie ma nic wspólnego z samym panelem, co warto wykluczyć, zanim założysz, że winny jest ekran.

Przetestuj każdy klawisz klawiatury w przeglądarce: pełny wizualny układ 101 klawiszy, szczegóły klawisza/kodu/modyfikatora, statystyki rollover i anti-ghosting, wykrywanie chatteringu, i śledzenie postępu przetestowanych klawiszy.