Her OTT platformunda bir yerlerde aynı gizli hata bulunur: neredeyse doğru olan bir görüntü.
Genişliği yüzde birkaç fazla olan bir poster. TV ekranında kenarları kesilmiş bir ana görsel. Dizüstü bilgisayarda gayet iyi görünen, ancak akıllı telefonda hafifçe yanlış duran bir küçük resim. Kimse sorun bildirimi açmıyor, çünkü kimse neyin yanlış olduğunu tam olarak gösteremiyor — sadece biraz tuhaf görünüyor.
Çözüm, daha iyi bir göz değildir. Yalan söyleyemeyen bir test görüntüsüdür.
Neden “iyi görünüyor” bir test değildir?
En-boy oranıyla ilgili hatalar, fotoğrafçılık sayesinde gözden kaçar. Bir manzara fotoğrafını yüzde dört oranında genişletirseniz, izleyici bunu fark edemez. Ancak bir yüzü, logoyu veya daireyi yüzde dört oranında genişletirseniz, herkes bunu fark eder.
Test kartının ardındaki temel fikir budur. Çerçeveye, doğruluğu apaçık olan şekiller yerleştirirsiniz; böylece yanlış bir görüntüleme, gizlenmek yerine hemen göze çarpar.
Vodlix test kartı
Kendi kalite kontrolümüz için bir tane hazırladık ve bunu ücretsiz olarak paylaşıyoruz; çünkü her canlı yayın ekibinin buna ihtiyacı var ve çoğu, cuma öğleden sonraları daha kötü bir şey çizmek zorunda kalıyor.
Üzerindeki her şey, belirli bir hata için kasıtlı olarak kurulmuş bir tuzaktır:
Bir kareye iç yazılan ve dört yeşil noktaya değen bir daire. Bir daire, yalnızca tek bir en-boy oranında yuvarlaktır. Çerçeveyi sıkıştırdığınızda daire oval hale gelir ve iki noktadan uzaklaşır.
Tam olarak 45 derecelik köşegenler. Ölçeğin düzensiz bir şekilde değiştirilmesi açıyı değiştirir ve basılı etiket, işaret ettiği çizgiyle artık eşleşmez.
Tam karelerden oluşan bir dama tahtası. Oran bozulduğu anda kareler dikdörtgenlere dönüşür.
Gerçek kenar boyunca ince bir çizgi, köşe piksellerinde köşe köşebentleri ve dört adet EDGE etiketi. Bunlardan herhangi biri eksikse, çerçeve kesiliyor demektir.
Dört kenarın tamamında 0 ile 100 yüzde arasında bir ölçek çubuğu. Eğer 0'dan sonra başlıyorsa veya 100'den önce bitiyorsa, karşınızda bir kırpma veya yakınlaştırma var demektir.
Ölçüm yok, üst üste bindirme yok, referans dosyası yok. Daire yuvarlaksa ve dört kenarını da okuyabiliyorsanız, render doğrudur.
Bozuk bir render aslında nasıl görünür?
İşte aynı görüntünün dört farklı hali. Yalnızca ilki doğru şekilde görüntüleniyor.
Bu iki arızayı birbirinden ayırmak önemlidir, çünkü nedenleri ve çözümleri farklıdır.
Ezilmiş veya gerilmiş Bu, görüntünün yanlış şekilli bir alana zorla sığdırıldığı anlamına gelir — CSS’te sabit genişlik ve yükseklik ya da sığdırmak yerine doldurma özelliğine sahip bir ölçekleme modu gibi. Daire, oval bir şekle dönüşür.
Kırpılmış veya yakınlaştırılmış Bu, oranın korunduğu ancak çerçevenin sınırlarını aştığı anlamına gelir. Kırpılmış örnekte dairenin mükemmel bir şekilde yuvarlak kaldığına dikkat edin. İşte tuzak da bu: Kırpma hiçbir şeyi bozmaz, sadece kenarları sessizce ortadan kaldırır. Kenar işaretçileri olmasaydı bunu asla fark edemezdiniz.
Dikey çekim, yatay çekimden daha önemlidir
16:9 genellikle tercih edilir, çünkü her şey bu orana göre tasarlanmıştır. Dikey format ise görsellerin bozulduğu alandır – Reels, Shorts, mobil ana görseller, telefon kilit ekranları. Bu nedenle kart 9:16 oranında da sunulmaktadır.
9:16 oranındaki bir görüntü, dolgu ölçeği modunda 16:9 oranındaki bir alana yerleştirildiğinde yüksekliğinin yaklaşık üçte birini kaybeder. Bu kart, bu durumu tartışmaya gerek kalmadan bir saniye içinde açıkça ortaya koyar.
İndir
Kullanımı ücretsizdir, kaynak gösterme zorunluluğu yoktur. PNG, tam piksel boyutları, açık ve koyu renkli:
16:9 yatay, 1920 x 1080 - açık ve koyu
9:16 dikey, 1080 x 1920 - açık ve koyu
Her iki oran için arıza türü referans tabloları
16:9 ekran (1920 x 1080) · 16:9 karanlık · 9:16 ışık (1080 x 1920) · 9:16 karanlık
Testin kendisi için JPEG yerine PNG kullanın. JPEG sıkıştırması, iki piksellik kenar çizgisini o kadar yumuşatabilir ki, küçük boyutlarda sanki yokmuş gibi görünebilir; bu da sizi aslında olmayan bir kırpma hatasının peşine düşürür.
Nasıl doğru şekilde kullanılır?
Bunu masaüstüne değil, gerçek iş akışına dahil edin. Test başlığına görsel olarak yükleyin ki, boyutlandırıcı, CDN dönüşümleri ve uygulama düzeninizden geçebilsin — hata işte orada yatıyor.
Gerçek cihazlarda çalıştırın. Bir TV uygulaması, bir telefon, bir tablet ve web oynatıcı, her biri farklı şekilde hata verecektir.
Sonucun fotoğrafını çekin veya ekran görüntüsünü alın ve bunu kartın üzerinde basılı olan kontrol listesiyle karşılaştırın.
Test başlığını olduğu gibi bırakın. Bu, kalıcı bir regresyon uyarıcısı haline gelir; bir dahaki sefere birisi ölçek modunu değiştirdiğinde, bunu hemen fark edeceksiniz.
Buna neden önem veriyoruz?
Vodlix, beyaz etiketli bir OTT platformudur; bu, platformdaki her görselin başkasına ait olduğu anlamına gelir — müşterilerimizin posterleri, markaları ve küçük resimleri. Geometrik hatalar yapmak sadece estetik bir sorun değildir; bu, onların görsel tasarımlarına zarar vermemiz demektir.
Dolayısıyla bu kart, kendi kalite kontrol sürecimizin bir parçasıdır. Bu sorunu sadece biz yaşamadığımız için bunu yayınlıyoruz.
