Next.js Discord

Discord Forum

How to prevent white empty space when loading remote images

Unanswered
Bengal posted this in #help-forum
Open in Discord
BengalOP
Hey guys I am loading some images on my site taperau.com

When I first load the page you can see there's a white empty placeholder while the images load incrementally
  <Image
      width={300}
      height={300}
      className={className}
      src={src}
      alt={props.alt ?? 'media'}
    />


Using the standard image component

4 Replies

American Chinchilla
You can use blurdataurl
BengalOP
dont think thats possible yeah
**using a client side component