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