picture要素の子要素となるsource要素、img要素を使い、Viewportによる画像の出し分けや、画像フォーマットの出し分けを実装します。また、最終的にどのような使い方が現実的か指針を示します。

HTML 5.1から導入されるpicture要素、img要素に追加される新属性を用いると、さまざまな条件を組み合わせて、画像を出し分けられます。基本仕様を解説しつつ、実務にどのように活かせるか探ります。