Podpora pro retina obrázky

[zipper]

Nyní se do pdboxu otevírá pouze jedna velikost obrázku, vždy stejná, bez ohledu na výslednou velikost pdboxu. Kvůli tomu i na mobilu uživatelé stahují obrázek určený pro desktop a naopak na desktopu uživatelé nemají automaticky retina obrázek, pokud není jako href při otevírání uvedený rovnou retina obrázek (pak ale většina uživatelů na desktopu stahuje zbytečně velký obrázek a na mobilu už je to neúnosné).

Jednoduché řešení by bylo:

• Jako src použít současný href, díky tomu bude zachována zpětná kompatibilita a funkčnost v IE.
• Na odkaz přidat data-srcset a data-sizes, které v případě nastavení budou použity na vygenerovaný obrázek. Díky tomu bude možné používat retinu na desktopu a jako bonus se sníží datová náročnost pro obrázky stahované do TB na mobilu.

Toto řešení má nevýhodu v tom, že bude ukecaný odkaz (což ale není takový problém myslím) a že nebude možné použít webp a jpg současně.

cc @peckadesign/koderi

[zipper]

• Přidat možnost nastavit sizes při inicializaci pdboxu, aby nebylo nutné zadávat na každý odkaz.
• Na obrázkový pdbox přidat nějaký modifikátor, aby bylo možno odlišně stylovat.

[zipper]

Implementováno ve verzi 1.3.0.