Next Cloudinary v6 now available! View Changelog

Guides
Background Removal

Removing a Background from an Image

The CldImage component allows you to easily remove backgrounds from images using the removeBackground prop.

Removing backgrounds require enabling the Cloudinary AI Background Removal Add-On (opens in a new tab) which includes a free tier for getting started.

Example

Turtle
import { CldImage } from 'next-cloudinary';
 
<CldImage
  width="960"
  height="600"
  src="images/turtle"
  sizes="100vw"
  removeBackground
  alt="Turtle"
/>

Learn More