x

Open in Github
@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.

Theplaceholdervalues can be:preview,meancolor,maincolorornone.

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

When set topreview(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"