hyva-render-media-image

To generate responsive picture elements in Hyvä templates, you invoke the Hyvä Media view model with your image sources, width, height, and alt text. This renders adaptive <picture> tags with appropriate mobile and desktop breakpoints.

The best way to handle responsive images for Hyvä theme hero banners is using the Hyvä Media view model. It generates adaptive <picture> elements that automatically select appropriate image sources across mobile and desktop breakpoints.

Yes, you can configure lazy loading for product images using the Hyvä Media view model. It accepts loading attributes in the data set, allowing you to specify either lazy or eager loading strategies for your CMS content and hero banners.

To render accessible responsive images in Hyvä, you need to provide a data set of image sources including width and height, alt text, and loading attributes. This ensures the generated <picture> elements meet performance and accessibility standards.

Generating responsive picture elements in Hyvä requires access to the Hyvä Theme's Media view model. No additional dependencies are needed beyond the standard Hyvä environment to render the adaptive image markup.

Using the Hyvä Media view model instead of standard HTML tags provides a standardized approach to generate <picture> elements. This ensures consistent, maintainable image markup with proper breakpoints and alt attributes across all Hyvä templates.