Pinterest'i HTML5 resmi srcset ile çalışmayı nasıl ayarlayabilirim?

Question

Temel bir özel Pin it düğmesine sahibim. Bu, görüntüyü sayfaya sığdırır, ancak HTML5 resim öğesini srcset ile kullanarak görüntü almaz. Sorun

<picture> 
    <img srcset="https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/coffee5.jpg"> 
</picture> 

göre, oynayacak çok soyunmuş demo gösterir:: http://codepen.io/michaelpumo/pen/eZyddp

İşte

<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="red" data-pin-height="28"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png" /></a> 

düğmesi çalışma değil kullanımda resim elemanı, bir örnek

Herhangi bir fikrin var mı?

Güncelleştirme Güncelleme: Aslında, benim kullanıcı grubumun bundan biraz daha karmaşık olduğunu eklemeliyim. Yukarıdaki, noktayı göstermek için basitleştirilmiş/ayrıştırılmış bir versiyondur. Ben de bunları yüklerim, görüyorsun.

Answer 1

Lütfen aşağıdakileri kullanın. İşe yarıyor.

<picture> 
    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/coffee5.jpg" srcset="https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/coffee5.jpg" data-pin-description="Hello World"> 
</picture> 

Rehberin ve açıklamaların Pinterest için orada olması gerektiğini düşündüm.