Bezpłatna karta testowa w formatach 16:9 i 9:16 do wykrywania błędów związanych ze współczynnikiem kształtu i kadrowaniem w serwisach OTT

Każda platforma OTT ma gdzieś ukrytą tę samą, niepozorną usterkę: obraz, który jest prawie idealny.

Plakat, który jest o kilka procent za szeroki. Baner główny, którego krawędzie są przycięte na ekranie telewizora. Miniatura, która wygląda dobrze na laptopie, a na telefonie wydaje się nieco nie tak. Nikt nie zgłasza tego problemu, bo nikt nie potrafi wskazać, co dokładnie jest nie tak – po prostu wygląda to trochę dziwnie.

Rozwiązaniem nie jest lepsze oko. Jest nim obraz testowy, który nie może kłamać.

Błędy związane z proporcjami obrazu pozostają niezauważalne, ponieważ fotografia je maskuje. Jeśli rozciągnie się zdjęcie krajobrazu o cztery procent, widz tego nie zauważy. Jeśli jednak rozciągnie się twarz, logo lub okrąg o cztery procent, każdy to dostrzeże.

Na tym właśnie polega cała idea karty testowej. Umieszcza się w kadrze figury, których poprawność jest oczywista, dzięki czemu nieprawidłowe odwzorowanie rzuca się w oczy, zamiast pozostawać niewidoczne.

Stworzyliśmy takie narzędzie na potrzeby naszego własnego działu kontroli jakości i udostępniamy je za darmo, bo każda ekipa zajmująca się streamingiem go potrzebuje, a większość z nich w piątek po południu rysuje coś jeszcze gorszego.

Wszystko, co się na nim znajduje, stanowi celową pułapkę na konkretny błąd:

• Okrąg wpisany w kwadrat, stykający się z czterema zielonymi punktami. Okrąg zachowuje swój okrągły kształt tylko przy jednym współczynniku proporcji. Jeśli zmniejszymy ramkę, staje się on owalem i oddala się od dwóch punktów.

• Przekątne pod kątem dokładnie 45 stopni. Każda nierównomierna zmiana skali powoduje zmianę tego kąta, przez co wydrukowana etykieta przestaje pokrywać się z linią, na którą wskazuje.

• Szachownica złożona z idealnych kwadratów. Kwadraty zamieniają się w prostokąty, gdy tylko proporcje ulegną zmianie.

• Cienka linia wzdłuż prawdziwej krawędzi, nawiasy narożne na pikselach narożnych oraz cztery etykiety EDGE. Jeśli brakuje któregokolwiek z tych elementów, ramka jest przycinana.

• Skala od 0 do 100 procent wzdłuż wszystkich czterech boków. Jeśli zaczyna się po 0 lub kończy przed 100, oznacza to, że masz do czynienia z kadrowaniem lub powiększeniem.

Bez pomiarów, bez nakładania, bez pliku referencyjnego. Jeśli okrąg jest okrągły i widać wszystkie cztery krawędzie, render jest poprawny.

Oto ten sam obraz w czterech wersjach. Tylko pierwsza z nich wyświetla się poprawnie.

Warto rozróżnić te dwa rodzaje awarii, ponieważ mają one różne przyczyny i wymagają różnych sposobów naprawy.

Zgniecione lub rozciągnięte oznacza to, że coś wymusiło umieszczenie obrazu w obszarze o niewłaściwym kształcie – na przykład sztywne wartości szerokości i wysokości w CSS lub tryb skalowania, który wypełnia obszar zamiast dopasowywać obraz. Okrąg zamienia się w owal.

Przycięte lub powiększone oznacza to, że proporcje zostały zachowane, ale ramka wykroczyła poza swój kontener. Zwróć uwagę, że w przyciętym przykładzie okrąg pozostaje idealnie okrągły. Na tym polega pułapka: przycinanie niczego nie zniekształca, po prostu dyskretnie usuwa krawędzie. Bez znaczników krawędzi nigdy byś tego nie zauważył.

Format 16:9 zazwyczaj się sprawdza, bo wszystko jest do niego dostosowane. Problemy z wyświetlaniem elementów graficznych pojawiają się w formacie pionowym – w Reels, Shorts, grafikach głównych na urządzeniach mobilnych czy ekranach blokady telefonów. Dlatego karta jest dostępna również w formacie 9:16.

Obraz o proporcjach 9:16 umieszczony w ramce o proporcjach 16:9 w trybie wypełnienia traci mniej więcej jedną trzecią swojej wysokości. Ta karta pozwala to dostrzec w ciągu sekundy, zamiast prowadzić dyskusję na ten temat.

Korzystanie bezpłatne, nie wymaga podawania źródła. Format PNG, dokładne wymiary w pikselach, wersja jasna i ciemna:

• Format poziomy 16:9, 1920 x 1080 – jasne i ciemne

• 9:16 (format pionowy), 1080 x 1920 – jasne i ciemne

• Arkusze informacyjne dotyczące trybów awarii dla obu wskaźników

Obraz w formacie 16:9 (1920 x 1080) · 16:9 ciemny · 9:16, jasny (1080 x 1920) · 9:16 ciemno

W samym teście używaj formatu PNG zamiast JPEG. Kompresja JPEG może zmiękczyć cienką krawędź składającą się z dwóch pikseli na tyle, że przy małych rozmiarach będzie wyglądała na nieobecną, co skłoniłoby cię do szukania błędu przy kadrowaniu, którego w rzeczywistości nie ma.

• Przepuść to przez prawdziwy proces, a nie na komputerze. Prześlij to jako grafikę do tytułu testowego, aby przeszło przez narzędzie do zmiany rozmiaru, przetwarzanie w sieci CDN i układ aplikacji – właśnie tam kryje się błąd.

• Uruchom ją na prawdziwych urządzeniach. Aplikacja telewizyjna, telefon, tablet i odtwarzacz internetowy będą wykazywać różne rodzaje błędów.

• Zrób zdjęcie lub zrzut ekranu z wynikiem i porównaj go z listą kontrolną wydrukowaną na karcie.

• Nie usuwaj tytułu testu. Stanowi on stały wskaźnik regresji – gdy następnym razem ktoś zmieni tryb skalowania, od razu to zauważysz.

Vodlix to platforma OTT typu white label, co oznacza, że wszystkie zamieszczone na niej elementy graficzne należą do kogoś innego – są to plakaty naszych klientów, ich elementy brandingowe oraz miniatury. Błąd w geometrii nie jest tylko problemem estetycznym – oznacza to, że niszczymy ich materiały graficzne.

Karta ta stanowi więc część naszego własnego systemu kontroli jakości. Publikujemy ją, ponieważ problem ten nie dotyczy wyłącznie naszej firmy.