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

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

لحسن الحظ، يحترم الإعداد أيضًا معلَمة الملصق بالطريقة نفسها التي تتّبعها عناصر الفيديو. يتيح لك ذلك تحديد صورة يجب استخدامها بدلاً من المكوِّن الإضافي المتوقف مؤقتًا، بدلاً من الإطار الذي يوقف 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>

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