Jak nám responzivní web rozbil obrázky @robinpokorny

<body> ! <img src=“charmander.jpg”/> ! </body> d1m22.deviantart.com

Rob Gill

edge

responsiveimages.org

Výběr dle rozlišení zařízení

Výběr dle velikosti viewportu

25% 50% 100% 200% 400%

Výběr dle fyzický pixel CSS pixel

Art direction

<picture> v2

<picture> !

<source media=”(min-width: 40em)” srcset=”big.jpg 1x, big-hd.jpg 2x”> ! <img ! </picture> src=“small.jpg” alt=”Charmander” srcset=“small-hd.jpg 1024w, small.jpg 320w” sizes=”(min-width: 20em) 33.3vw, 100vw” />

<picture> v2

<source sizes=… srcset=… >

“<picture> je dnes vhodný k produkčnímu nasazení.” Tab Atkins @ #10

many usecases much ready wow very production so clever such code

Používej <picture> již dnes! http://m.Feedbando.com/rozbil shadehikari.deviantart.com