This example demonstrates the following aspects of the web component:
srcset=
and sizes=
attributes. Start with a small viewport, then resize the component to
have it zoom in on the region defined in the
data-image-regions=
attribute. Now progressively increase
the width of the viewport to see the browser fetch higher-definition
images while the component remains zoomed in on the region.
![]() |
|
▲ |