Enhance images automatically with an API

Enhance an image directly in the live demo below, or use the same Assembly Instructions to improve uploads automatically. The 🤖/image/enhance Robot can balance levels, contrast, saturation, sharpness, and white balance without changing the image dimensions.

This example uses the fast classic engine with balanced automatic enhancement, light sharpening, and light denoising. Start conservatively: aggressive normalization, sharpening, or denoising can remove intentional detail or produce halos. The best settings depend on whether the source is a photo, scan, product image, or illustration.

Use enhancement when an image already has enough pixels but needs tonal or clarity improvements. Use AI image upscaling when you need larger dimensions and generated detail. The same Robot also provides named color presets and optional AI restoration for workflows that need a stronger transformation.

Step 1:

Handle uploads

We can handle uploads of your users directly.Learn more

cat.jpg

Image – 522 KB

1152 × 768

":original": {
  "robot": "/upload/handle"
}

/upload/handle

This bot receives uploads that your users throw at you from browser or apps, or that you throw at us programmatically

Step 2:

Enhance images

We can resize, crop, and (auto-)rotate images, or apply watermarks and other effects, and much more.Learn more

cat.jpg

Image – 550 KB

1152 × 768

"enhanced": {
  "use": ":original",
  "robot": "/image/enhance",
  "result": true,
  "denoise": 1,
  "engine": "classic",
  "enhance": "auto",
  "preset": "none",
  "sharpen": 1
}

/image/enhance

This bot automatically enhances images by adjusting levels, contrast, and sharpness, and optionally applies photo filter presets

Step 3:

Export files to Amazon S3

We export to the storage platform of your choice.Learn more

:original

https://demos.transloadit.com/cb/cc40c81af44ec8bae7fd33e388e255/cat.jpg

enhanced

https://demos.transloadit.com/df/da1b4c53504cfe81932a1261fa5f92/cat.jpg

"exported": {
  "use": [
    "enhanced",
    ":original"
  ],
  "robot": "/s3/store",
  "credentials": "demo_s3_credentials",
  "url_prefix": "https://demos.transloadit.com/"
}

/s3/store

This bot exports encoding results to Amazon S3

Live Demo. See for yourself

Loading Uppy demo…

This live demo is powered by Uppy, our open source file uploader that you can also use without Transloadit, and tus, our open protocol for resumable file uploads that is making uploading more reliable across the world.

Build this in your own language

<!-- This pulls Uppy from our CDN -->
<!-- For smaller self-hosted bundles, install Uppy and plugins manually: -->
<!-- npm i --save @uppy/core @uppy/dashboard @uppy/remote-sources @uppy/transloadit ... -->
<link
  href="https://releases.transloadit.com/uppy/v3.10.0/uppy.min.css"
  rel="stylesheet"
/>
<button id="browse">Select Files</button>
<script type="module">
  import {
    Uppy,
    Dashboard,
    ImageEditor,
    RemoteSources,
    Transloadit,
  } from 'https://releases.transloadit.com/uppy/v3.10.0/uppy.min.mjs'
  const uppy = new Uppy()
    .use(Transloadit, {
      waitForEncoding: true,
      alwaysRunAssembly: true,
      assemblyOptions: {
        params: {
          // It's often better store encoding instructions in your account
          // and use a `template_id` instead of adding these steps inline
          steps: {
            ':original': {
              robot: '/upload/handle',
            },
            enhanced: {
              use: ':original',
              robot: '/image/enhance',
              result: true,
              denoise: 1,
              engine: 'classic',
              enhance: 'auto',
              preset: 'none',
              sharpen: 1,
            },
            exported: {
              use: ['enhanced', ':original'],
              robot: '/s3/store',
              credentials: 'demo_s3_credentials',
              url_prefix: 'https://demos.transloadit.com/',
            },
          },
        },
      },
    })
    .use(Dashboard, { trigger: '#browse' })
    .use(ImageEditor, { target: Dashboard })
    .use(RemoteSources, {
      companionUrl: 'https://api2.transloadit.com/companion',
    })
    .on('complete', ({ transloadit }) => {
      // Due to `waitForEncoding:true` this is fired after encoding is done.
      // Alternatively, set `waitForEncoding` to `false` and provide a `notify_url`
      console.log(transloadit) // Array of Assembly Statuses
      for (const assembly of transloadit) {
        console.log(assembly.results) // Array of all encoding results
      }
    })
    .on('error', (error) => {
      console.error(error)
    })
</script>

Read docs: Browsers

So many ways to integrate

Transloadit is a service for companies with developers. And there are many ways developers can put Transloadit to good use inside your company to automate media processing.