x

@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.

 Edit TwicPics x Nuxt - Placeholder property
cat
placeholder="preview" (default value)
cat
placeholder="meancolor"
cat
placeholder="maincolor"
cat
placeholder="none"