x

Open in Github Open in StackBlitz
@twicpics-components
Documentation

placeholder property

The placeholder property helps you optimize user experience, CLS, and implement the LQIP technique.

TwicPics Components automatically adds a background placeholder to your images: their size are reserved in the page before the images are actually loaded.

The placeholder values can be: preview, meancolor, maincolor or none.

The browser is told to load a SVG version as a backgroung image first, then to replace it with the full version later on.

When set to preview (the default value), a blurry version of your image is used as a background image.

placeholder="preview" (default value)
placeholder="meancolor"
placeholder="maincolor"
placeholder="none"