<CldOgImage />
Examples

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

  • Next Cloudinary

    Text over a white background

    text="Next Cloudinary"
  • Next Cloudinary on a Galaxy

    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"
ConfigurationBasic Usage