Eklenti içeriğinde poster resimleri kullanma

Birkaç hafta önce Chrome, sitenin ana içeriğinin etrafında olduğunu tespit ettiği eklenti içeriğini otomatik olarak duraklatan yeni bir içerik ayarının yapılacağını duyurdu (Kararlı Eylül 2015) ve Chrome 45 ve sonraki sürümlerin tüm kullanıcıları için kullanıma sunulacaktır. Bu, CPU kullanımı ve güç tüketimi açısından kullanıcılarınız açısından bir kazanç olsa da, kullanıcıların web sitenizin sağladığı tüm içeriği görememelerine neden olabilir.

Neyse ki bu ayar, video öğeleriyle benzer şekilde poster parametresini de dikkate alır. Böylece, Chrome'un eklenti içeriğinizi hangi karede duraklattığı yerine, duraklatılmış eklentinin yerine kullanılması gereken bir resim belirtebilirsiniz.

Aşağıda, bu özelliğin pratikte kullanımına bir örnek verilmiştir. Chrome flash.swf'yi duraklatmaya karar verirse, bunun yerine poster.png gösterilir. Kullanıcı posteri tıklarsa Flash içeriği normal şekilde oynatılır.

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

Poster parametresinin değeri, img etiketinin srcset özelliği ile aynı şekilde yorumlandığı için yüksek DPI ekranları da destekleyebilir. srcset söz dizimine ilişkin bir örneği burada bulabilirsiniz:

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

Kullanılan resmin eklenti içeriğiyle aynı boyutta olması önemlidir. Aksi takdirde resim, kullanıcının ekranında bozulabilir.