# Bezpłatna karta testowa OTT: wykrywanie błędów związanych ze współczynnikiem proporcji i kadrowaniem (16:9 i 9:16)

**Source:** https://vodlix.com/pl/blog/ott-aspect-ratio-test-card  
**Summary:** Pobierz bezpłatną kartę testową o rozdzielczości 1920x1080 i 1080x1920, która natychmiast pozwala wykryć rozciągnięte, spłaszczone lub przycięte obrazy w aplikacjach OTT, odtwarzaczach i miniaturach.  
**Published:** 2026-08-18  
**Publisher:** Vodlix

---

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ć.

## Dlaczego stwierdzenie „wygląda w porządku” nie stanowi testu {#dlaczego-stwierdzenie-wygląda-w-porządku-nie-stanowi-testu}

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.

## Karta testowa Vodlix {#karta-testowa-vodlix}

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.

## Jak w rzeczywistości wygląda uszkodzony render {#jak-w-rzeczywistości-wygląda-uszkodzony-render}

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ł.

## Portret jest ważniejszy niż krajobraz {#portret-jest-ważniejszy-niż-krajobraz}

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.

## Pobierz {#pobierz}

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)](/assets/testcards/vodlix-testcard-16x9-light.png)  ·  [16:9 ciemny](/assets/testcards/vodlix-testcard-16x9-dark.png)  ·  [9:16, jasny (1080 x 1920)](/assets/testcards/vodlix-testcard-9x16-light.png)  ·  [9:16 ciemno](/assets/testcards/vodlix-testcard-9x16-dark.png)

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.

## Jak z tego prawidłowo korzystać {#jak-z-tego-prawidłowo-korzystać}

- 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.

## Dlaczego jest to dla nas ważne {#dlaczego-jest-to-dla-nas-ważne}

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.