Upscale images with an AI API

Upscale an image directly in the live demo below, or use the same Assembly Instructions to add AI upscaling to an application. 🤖/image/upscale generates a result at two or four times the source dimensions instead of merely stretching the existing pixels.

AI upscaling can reconstruct edges and texture, but it cannot recover ground truth that was never captured. Inspect important details such as faces, text, logos, and product edges before publishing the result. This example uses a 2× scale and leaves face enhancement disabled to avoid altering faces unnecessarily.

Use upscaling for low-resolution assets that need more pixels. Use image enhancement when the dimensions are already sufficient but tone, sharpness, noise, or white balance needs work. AI processing has a higher minimum charge and latency than a conventional resize, so reserve it for files that benefit from generated detail.

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:

Upscale images

We offer Artificial Intelligence as a service, so you don't have to run your own AI models or install complicated software.Learn more

cat.png

Image – 7.7 MB

2304 × 1536

"upscaled": {
  "use": ":original",
  "robot": "/image/upscale",
  "result": true,
  "face_enhance": false,
  "scale": 2
}

/image/upscale

This bot upscales images using AI

Step 3:

Export files to Amazon S3

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

:original

https://demos.transloadit.com/85/e93b23c71043cabd1f09c10e9c6f0f/cat.jpg

upscaled

https://demos.transloadit.com/64/dea41cb10941e3a2ad8e4354385dc7/cat.png

"exported": {
  "use": [
    "upscaled",
    ":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',
            },
            upscaled: {
              use: ':original',
              robot: '/image/upscale',
              result: true,
              face_enhance: false,
              scale: 2,
            },
            exported: {
              use: ['upscaled', ':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.