Last updated: Jan-18-2023
This video shows responsive image behavior in action. See how a new image is requested when the browser is resized, based on the configured step size:
First, install the
Then, use the responsive plugin in the
AdvancedImage component, for example:
See this code explorer for a full working example.
If you're using server-side rendering for your site, you must:
- Use the placeholder plugin together with the responsive plugin.
- Provide dimensions for the container element.
- Add styling to the AdvancedImage component.