Hyva Render Media Image

This generates responsive picture elements for Hyvä Theme templates using the Media view model. You'll use it when adding hero images, product images, or any responsive image that needs different sources for mobile and desktop breakpoints. It handles the boilerplate for lazy loading, eager loading for LCP images, and the picture element syntax. The workflow is straightforward: either pass literal image paths and dimensions, or provide a PHP variable with image data following Hyvä's array structure. Honest take: if you're building Hyvä templates and tired of writing the same responsive image markup repeatedly, this will save you time and keep your Core Web Vitals optimization consistent.