Next Cloudinary
GitHubGitHub (opens in a new tab)
  • Getting Started
  • Installation
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Transformations
      • Examples
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Examples
    • Background Removal
    • Image Overlays
    • Image Underlays
    • Social Media Card
    • Text Overlays
    • Uploading Images & Videos
    • Next.js 13
    • Responsive Images
  • Resources
  • Getting Started
  • Installation
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Transformations
      • Examples
      • Basic Usage
      • Configuration
      • Examples
      • Basic Usage
      • Configuration
      • Examples
    • Background Removal
      • Example
      • Learn More
    • Image Overlays
    • Image Underlays
    • Social Media Card
    • Text Overlays
    • Uploading Images & Videos
    • Next.js 13
    • Responsive Images
  • Resources

On This Page

  • Example
  • Learn More
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub
Use Cases
Background Removal

Removing a Background from an Image

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

Once enabled, you can simply apply the removeBackground parameter.

Example

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

Learn More

  • CldImage Configuration
ExamplesImage Overlays

MIT 2023 © Colby Fayock