تحتوي كل منصة بث عبر الإنترنت (OTT) على نفس الخلل الخفي في مكان ما: صورة تكاد تكون صحيحة.
ملصق يزيد عرضه بنسبة بضعة بالمائة عن المطلوب. لافتة رئيسية تظهر حوافها مقطوعة عند عرضها على شاشة التلفزيون. صورة مصغرة تبدو جيدة على الكمبيوتر المحمول، لكنها تبدو خاطئة بشكل طفيف عند عرضها على الهاتف. لا أحد يقدم شكوى، لأن لا أحد يستطيع تحديد ما هو الخلل بالضبط — فالأمر يبدو فقط غير صحيح قليلاً.
الحل ليس في الحصول على عين أفضل، بل في صورة اختبار لا يمكن أن تكذب.
لماذا لا تُعتبر عبارة «يبدو جيدًا» اختبارًا
تختفي الأخطاء المتعلقة بنسبة العرض إلى الارتفاع لأن التصوير الفوتوغرافي يخفيها. فإذا قمت بتمديد صورة أفقية بنسبة 4 في المائة، فلن يلاحظ المشاهد ذلك. أما إذا قمت بتمديد وجه أو شعار أو دائرة بنسبة 4 في المائة، فسيلاحظ الجميع ذلك.
هذه هي الفكرة الأساسية وراء بطاقة الاختبار. فأنت تضع أشكالاً في الإطار تكون صحتها بديهية، بحيث يظهر أي عرض خاطئ بوضوح بدلاً من أن يختفي.
بطاقة اختبار Vodlix
لقد صممنا نموذجًا لهذا الغرض من أجل ضمان الجودة لدينا، ونحن نقدمه مجانًا، لأن كل فريق يعمل في مجال البث المباشر يحتاج إليه، ومعظمهم ينتهي بهم الأمر برسم شيء أسوأ من ذلك في ظهيرة يوم الجمعة.
كل ما يرد فيه هو فخ متعمد لخطأ برمجي محدد:
دائرة محفورة في مربع، تلامس أربع نقاط خضراء. لا تكون الدائرة مستديرة إلا عند نسبة عرض إلى ارتفاع واحدة. إذا ضغطت على الإطار، تتحول إلى شكل بيضاوي وتبتعد عن نقطتين من النقاط الأربع.
القطريات بزاوية 45 درجة بالضبط. أي تغيير غير منتظم في المقياس يؤدي إلى تغيير الزاوية، وبالتالي تتوقف العلامة المطبوعة عن التوافق مع الخط الذي تشير إليه.
شبكة من المربعات المتساوية تمامًا. تتحول المربعات إلى مستطيلات بمجرد أن تتغير النسبة.
خط رفيع على طول الحافة الحقيقية، وأقواس زاوية على وحدات البكسل الزاوية، وأربع علامات «EDGE». إذا كان أي منها مفقودًا، فهذا يعني أن الإطار يتم قصه.
مسطرة من 0 إلى 100 في المائة تمتد على طول الجوانب الأربعة. إذا بدأت بعد 0 أو توقفت قبل 100، فهذا يعني أنك تنظر إلى صورة تم اقتصاصها أو تكبيرها.
لا حاجة إلى القياس، ولا إلى التراكب، ولا إلى ملف مرجعي. إذا كانت الدائرة مستديرة ويمكنك قراءة الحواف الأربعة جميعها، فهذا يعني أن الصورة النهائية صحيحة.
كيف يبدو العرض التمهيدي المعيب في الواقع
إليكم الصورة نفسها في أربع حالات. لا يُعرض بشكل صحيح سوى الحالة الأولى.
من المهم التمييز بين هذين العطلين، لأن أسبابهما مختلفة، كما تختلف طرق إصلاحهما.
مُسطَّح أو ممدود وهذا يعني أن شيئًا ما أجبر الصورة على الدخول في مساحة ذات شكل غير مناسب — مثل عرض وارتفاع ثابتين في CSS، أو وضع تحجيم يعمل على ملء المساحة بدلاً من ملاءمتها. فتتحول الدائرة إلى شكل بيضاوي.
مقصوصة أو مكبرة وهذا يعني أن النسبة تم الحفاظ عليها، لكن الإطار تجاوز حدود الحاوية. لاحظ أن الدائرة تظل مستديرة تمامًا في المثال المُقصَّص. وهنا يكمن الخداع: فالقص لا يشوه أي شيء، بل يزيل الحواف بهدوء. ولولا وجود علامات الحواف، لما لاحظت ذلك أبدًا.
الوضع الرأسي أهم من الوضع الأفقي
عادةً ما يظل تنسيق 16:9 سائدًا، لأن كل شيء مصمم ليتوافق معه. أما التنسيق الرأسي فهو الذي تتعرض فيه العناصر للتشويه — مثل مقاطع «Reels» و«Shorts» وصور العناوين الرئيسية على الأجهزة المحمولة وشاشات قفل الهواتف. ولذلك تتوفر البطاقة بتنسيق 9:16 أيضًا.
عندما يتم إدراج عنصر بنسبة 9:16 في مساحة بنسبة 16:9 باستخدام وضع «ملء الشاشة»، فإنه يفقد حوالي ثلث ارتفاعه. وتوضح البطاقة ذلك في غضون ثانية واحدة بدلاً من الدخول في نقاش.
تنزيل
الاستخدام مجاني، ولا يلزم ذكر المصدر. صيغة PNG، أبعاد دقيقة بالبكسل، نسخة فاتحة وأخرى داكنة:
نسبة عرض إلى ارتفاع 16:9 (أفقي)، 1920 × 1080 - فاتح وداكن
9:16، وضع عمودي، 1080 × 1920 - تباين بين الضوء والظل
أوراق مرجعية حول أنماط الفشل لكلتا النسبتين
نسبة عرض إلى ارتفاع 16:9 (1920 × 1080) · 16:9 داكن · 9:16 ضوء (1080 × 1920) · 9:16 الظلام
استخدم صيغة PNG بدلاً من JPEG للاختبار نفسه. فقد يؤدي ضغط JPEG إلى تخفيف حافة الشعر الرفيعة المكونة من بكسلين لدرجة أنها تبدو غير موجودة عند الأحجام الصغيرة، مما قد يدفعك إلى البحث عن خطأ في الاقتصاص غير موجود في الواقع.
كيفية استخدامه بشكل صحيح
قم بتمريرها عبر مسار العمل الفعلي، لا على سطح المكتب. قم بتحميلها كعنصر تصميمي في عنوان تجريبي حتى تمر عبر أداة تغيير الحجم، وعمليات تحويل شبكة توزيع المحتوى (CDN)، وتخطيط تطبيقك — فهناك يكمن الخطأ.
قم بتشغيله على أجهزة حقيقية. فكل من تطبيق التلفزيون والهاتف والجهاز اللوحي ومشغل الويب سيواجه مشاكل مختلفة.
التقط صورة أو لقطة شاشة للنتيجة وقارنها بقائمة المراجعة المطبوعة على البطاقة.
اترك عنوان الاختبار كما هو. فسيصبح بمثابة مؤشر رجعي دائم — ففي المرة التالية التي يقوم فيها أحدهم بتغيير وضع المقياس، ستلاحظ ذلك على الفور.
لماذا نهتم بهذا الأمر
Vodlix هي منصة OTT ذات العلامة البيضاء، مما يعني أن كل صورة عليها مملوكة لجهة أخرى — منشورات عملائنا، وعلاماتهم التجارية، وصورهم المصغرة. إن الخطأ في الحسابات الهندسية ليس مجرد مشكلة شكلية، بل هو إتلافنا لأعمالهم الفنية.
لذا، فإن هذه البطاقة جزء من عملية ضمان الجودة الخاصة بنا. ونحن ننشرها لأن هذه المشكلة لا تقتصر علينا وحدنا.
