Next Cloudinary
GitHubGitHub
  • Getting Started
  • Installation
  • Components
    • CldImage
      • Basic Usage
      • Configuration
      • Examples
    • CldOgImage
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadButton
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadWidget
      • Basic Usage
      • Configuration
      • Examples
    • CldVideoPlayer
      • Basic Usage
      • Configuration
      • Examples
  • Use Cases
    • Background Removal
    • Image Overlays
    • Image Underlays
    • Social Media Card
    • Text Overlays
    • Uploading Images & Videos
  • Guides
    • Next.js 13
    • Responsive Images
  • Resources
  • Getting Started
  • Installation
  • Components
    • CldImage
      • Basic Usage
      • Configuration
      • Examples
    • CldOgImage
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadButton
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadWidget
      • Basic Usage
      • Configuration
      • Examples
    • CldVideoPlayer
      • Basic Usage
      • Configuration
      • Examples
  • Use Cases
    • Background Removal
    • Image Overlays
    • Image Underlays
      • Example
      • Learn More
    • Social Media Card
    • Text Overlays
    • Uploading Images & Videos
  • Guides
    • Next.js 13
    • Responsive Images
  • Resources

On This Page

  • Example
  • Learn More
Question? Give us feedback →Edit this page on GitHub
  • Use Cases
  • Image Underlays

Adding Layers Under Images

Underlays function very similar to overlays in terms of options, however they do not support text.

See the examples above under Overlays to learn more about the available configurations.

Example

Turtle swimming in a galaxy
<CldImage
  width="960"
  height="600"
  src="images/turtle"
  sizes="100vw"
  removeBackground
  underlay="images/galaxy"
  alt="Turtle swimming in a galaxy"
/>

Learn More

  • CldImage Configuration
Last updated on March 9, 2023
Image OverlaysSocial Media Card

MIT 2023 © Colby Fayock