• Components
  • 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

  • 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"
Last updated on December 2, 2022