React Components

A set of prebuilt react components are available for drop in support for image upload.

Checkout the docs on github or see live examples


Image CDN Reference

Learn how to use the Image CDN to transform and convert images on-demand. Each property can be applied to the URL query string. For example: https://cdn.cloudcapture.io/source_name/bird.jpg?width=500&height=300&fit=fill

Size

PropDescriptionValues
widthSet the width of an image1 - 5000
heightSet the height of an image1 - 5000

Orientation

PropDescriptionValues
flipflip an image completelyv, h
rotaterotate an image clockwise in degrees0 - 360

Fit

PropDescriptionValues
fitSet the crop style of an imagecover, contain, fill, inside, outside

Format

PropDescriptionValues
formatControl the output format of an imagejpeg, png, tiff, webp

Background

PropDescriptionValues
backgroundSet the background color of an imageHex without the #. Black is 000
backgroundAlphaSet the background color opacity0 - 1

Image manipulation

PropDescriptionValues
greyscaleSet an image to greyscaletrue, false

Headers

PropDescriptionValues
downloadSets response headers to force download of imagetrue, false