CldOgImage Examples

CldOgImage does not render an <img> tag, meaning it can't be visually embedded on a page. The following examples make use of the <CldImage> tag to showcase what's possible.

Effects

Text over a white background
```
text="Next Cloudinary"
```

Background removal with custom background

tint="100:0000FF:0p:FF1493:100p"
blur="2000"
removeBackground
overlays={[{
  text: {
    color: 'white',
    fontFamily: 'Source Sans Pro',
    fontSize: 200,
    fontWeight: 'bold',
    text: 'Next Cloudinary'
  }
}]}
underlay="images/galaxy"

Configuration Basic Usage

CldOgImage Examples

Effects

Text over a white background

Background removal with custom background