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 = 'Svelte 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: 'Svelte Cloudinary'
  }
}]}
underlay="images/galaxy"

CldOgImage Examples

Effects

Text over a white background

Background removal with custom background