srcset

画面幅での表示画像指定

詳しい導入事例は導入方法を参照してください。

  • DEMO

使い方

+-770w-+は画面幅の指定ではなく適しているという意味。
何を表示するかはブラウザが判断する。

  • HTML
<img class=""
     src="_low.jpg"
     srcset=".jpg    770w,
             _xs.jpg 769w"
     sizes="100vw"
     alt="">