x

@twicpics-components
Documentation

A basic example

TwicPics is a Responsive Image Service Solution (SaaS) that enables on-demand responsive image generation.

TwicPics Components make it dead easy to unleash the power of TwicPics.

Here the properties used in this example:
  • ratio: determines the value of the width/height ratio of the image display area.
  • mode: determines if the image fills or sits inside the area.
  • focus: changes the focus point coordinates of the image.
  • placeholder: helps optimize your CLS and implement the LQIP technique.
Edit TwicPics x Nuxt - A basic example
football
Default values
image:football
ratio="16/9" & mode="cover": the image fills the area
image:football
ratio="16/9" & mode="contain": the image sits inside the area
image:football
ratio="2/3", mode="contain" & focus="auto"