استخدام صور الملصقات في محتوى المكوِّن الإضافي

قبل بضعة أسابيع، أعلن Chrome عن إطلاق إعداد جديد للمحتوى يعمل على إيقاف محتوى المكوّنات الإضافية تلقائيًا الذي يكتشف أنّه ثانوي بالنسبة إلى المحتوى الرئيسي للموقع الإلكتروني، وذلك لجميع مستخدمي الإصدار 45 من Chrome والإصدارات الأحدث (الإصدار الثابت في سبتمبر 2015). هذا مفيد للمستخدمين من حيث استهلاك وحدة المعالجة المركزية والطاقة، ولكن قد يؤدي إلى عدم ظهور المحتوى الكامل الذي يوفّره موقعك الإلكتروني.

لحسن الحظ، يراعي الإعداد أيضًا مَعلمة الملصق بطريقة مشابهة لطريقة تعامل عناصر الفيديو، ما يتيح لك تحديد صورة يجب استخدامها بدلاً من المكوّن الإضافي المتوقف مؤقتًا، بدلاً من الإطار الذي يوقف Chrome محتوى المكوّن الإضافي عنده.

إليك مثال على كيفية استخدامها عمليًا. إذا قرّر Chrome إيقاف flash.swf مؤقتًا، سيتم عرض poster.png بدلاً منه. إذا نقر المستخدم على الملصق، سيتم تشغيل محتوى Flash كالمعتاد.

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="poster.png">
</object>

يتم تفسير قيمة المَعلمة poster بالطريقة نفسها التي يتم بها تفسير سمة srcset الخاصة بعلامة img، وبالتالي يمكنها أيضًا أن تتوافق مع شاشات العرض العالية الدقة. في ما يلي مثال على بنية srcset:

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>

من المهم أن تكون أبعاد الصورة المستخدَمة هي نفسها أبعاد محتوى الإضافة، وإلا قد تظهر الصورة مشوّهة على شاشة المستخدم.