{"version":"1.0","type":"rich","title":"Low Quality Image Placeholders out of the box in sanity.io","description":"A React app demonstrates how Sanity.io provides low-quality image placeholders (LQIP) out of the box. It fetches posts with `mainImage` assets from a Sanity project using the `@sanity/client` API, then renders each image with its LQIP as a blurred background while the full-resolution image fades in after a 2-second delay. The layout uses CSS flexbox and an aspect-ratio calculation from the image metadata to maintain proportions during loading.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-e5e580024177884926aab0cb673df7b7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}