INSERT Study pattern library

Picture standard - lazy loaded (default)

Outputs a webp source plus a fallback. The webp filename is derived from the image name. Images load lazily unless fetchpriority is set.

Atmospheric landscape

Picture standard - high fetch priority

Use for the first image on the page (above the fold). Switches loading="lazy" for fetchpriority="high".

Wide atmospheric landscape

Picture standard - PNG fallback

The format argument sets the MIME type of the fallback source. It defaults to jpeg.

Diversity in Health Research Network logo

Picture background - JPEG

Outputs an inline style attribute with an image-set() background, for use on any element.

Picture background - PNG