Transloadit: File Uploading, Conversion & Processing for websites/apps

These companies trust us with their media processing

Check out the Case Studies

How we can help you

Upload & Import

We accept file uploads and imports from various sources, including mobile apps, web browsers, URLs, S3, Cloud Files, Azure, FTP, Facebook, Dropbox and more!
Convert & Encode

We offer a variety of file conversions for all sorts of media, including images, videos, audio, and documents.
Export & Save

Export uploads and encoded results to the services of your choice, then save the URLs to your database for later use.
Display & Enjoy

Embed the file URLs into your app, so users can enjoy media files with the best possible quality for their device.

Benefits of using our service

Cut Costs

Encoding platforms require ongoing investment to deal with encoding, scaling, and stack headaches. Transloadit let's you free up development & server capacity and can decimate time to market.
Custom Workflows

Combine over 40 features to create workflows unique to your business. An elegant JSON language makes this fool- and bullet proof.
Rock Solid

Our platform is globally distributed & highly scalable. For 9 years in a row, that has paid off in an uptime of >= 99.99%. See Server Status
Fantastic Support

We pride ourselves in providing outstanding and timely support right from our developers, to all of our customers.

What our customers are saying

I'm not usually one for fanboy-ism but Transloadit is one service I would recommend without hesitation. Their product and customer support is outstanding.
Dave Perrett
CTO at Shuttlerock

Having a solution for both uploading and transcoding has been a godsend for the current scale that we are at five years after first choosing Transloadit.
Jon Wong
Engineer at Coursera

Using Transloadit saves weeks of development. Being able to focus on our product instead of reinventing the wheel cannot be understated.
Matt Sumner
Developer at thoughtbot

Check out more feedback from our users

A Swiss Army knife for your files

Video & Audio encoding

Rotate, resize and encode into various formats
Extract thumbnails
Create a new video from a set of images and add an audio track
Create video segments and adaptive playlists (HTTP Live Streaming)
Watermark videos or surround them with a frame
Merge video and audio files
Replace the audio track of a video
Insert and extract audio cover artwork images
Generate audio waveform images (similar to SoundCloud)

Image & Document Conversion

Crop, rotate and resize via smart strategies
Apply effects and watermarks
Optimize images, reducing size by up to 80% without quality loss
Make screenshots of URLs and HTML files
Convert PDF pages into images

And more

Scan files for viruses and other threats
Import and export via S3, Google Storage, Dropbox, (S)FTP, HTTP, Azure, Rackspace, Softlayer, etc.

All of this can be automated by integrating with Transloadit.
We regularly add more features. We would love to hear your suggestions.

Integrates well with these platforms

Android

iOS & macOS

jQuery

HTML5

Node.js

CLI

PHP

Ruby

Python

Rails

Go

Java

Heroku

Zapier

Apart from these integrations, there are many community projects

{
  "steps": {
    "thumb": {
      "use": ":original",
      "robot": "/image/resize",
      "width": 75,
      "height": 75,
      "resize_strategy": "fit"
    }
  }
}

RestAPI Example

Instead of sending Assembly Instructions directly to Transloadit, you can also save them in a secured way as a Template. You can then refer to the template_id in your requests, making sure that secrets and Instructions no longer have to be transmitted, which is a security risk in many cases.

Here is the 'raw' Template, in case you would like to save these Instructions safely in your account, or use these Instructions to talk directly to our REST API without using any SDK.

// Add 'Transloadit' to your Podfile, run 'pod install', add credentials to 'Info.plist'
import Arcane
import TransloaditKit

// Add instructions, e.g. resize image, or encode video
var AssemblySteps: Array = Array<Step>() // An array to hold the Steps

var Step1 = Step (key: "thumb") // Create a Step object
Step1?.setValue(":original", forOption: "use") // Add the details
Step1?.setValue("/image/resize", forOption: "robot") // Add the details
Step1?.setValue(75, forOption: "width") // Add the details
Step1?.setValue(75, forOption: "height") // Add the details
Step1?.setValue("fit", forOption: "resize_strategy") // Add the details
AssemblySteps.append(Step1) // Add the Step to the array

// We then create an Assembly Object with the Steps and files
var MyAssembly: Assembly = Assembly(steps: AssemblySteps, andNumberOfFiles: 1)

// Add files to upload
MyAssembly.addFile("./chameleon.jpg") // Add the file)

// Start the Assembly
Transloadit.createAssembly(MyAssembly) 

// Fires after your Assembly has completed
transloadit.assemblyStatusBlock = {(_ completionDictionary: [AnyHashable: Any]) -> Void in
  print("\(completionDictionary.description)")
}

iOS & macOS Example

It's very easy to start using Transloadit for Objective-C and Swift using CocoaPods. This way can add file uploading & encoding to macOS and iOS apps.

Check out our TransloaditKit integration

<body>
  <form action="/uploads" enctype="multipart/form-data" method="POST">
    <input type="file" name="my_file" multiple="multiple" />
  </form>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  <script src="//assets.transloadit.com/js/jquery.transloadit2-v3-latest.js"></script>
  <script type="text/javascript">
  $(function() {
    $('form').transloadit({
      wait: true,
      triggerUploadOnFileSelection: true,
      params: {
        auth: {
          // To avoid tampering use signatures:
          // https://transloadit.com/docs/api/#authentication
          key: 'YOUR_TRANSLOADIT_KEY',
        },
        // It's often better store encoding instructions in your account
        // and use a `template_id` instead of adding these steps inline
        steps: {
          thumb: {
            use: ':original',
            robot: '/image/resize',
            width: 75,
            height: 75,
            resize_strategy: 'fit'
          }
        }
      }
    });
  });
  </script>
</body>

jQuery Example

By using our jQuery SDK, you can bring the power of Transloadit directly to your HTML forms. It will even display a stylish upload progress bar.

Enjoy ample customization options for design and behavior and make use of the many event callbacks to tailor its behavior to your needs.

We have a great new JavaScript uploader in the works called Uppy and you are welcome to give that a shot, but for now, the following example uses our jQuery SDK and it is still the recommended way to integrate Transloadit into web browsers.

Check out our jQuery SDK integration

<link href="https://transloadit.edgly.net/releases/uppy/v0.25.5/dist/uppy.min.css" rel="stylesheet">
<script src="https://transloadit.edgly.net/releases/uppy/v0.25.5/dist/uppy.min.js"></script>

<button id="uppy-open-modal">Select Files</button>
<script>
  const uppy = Uppy.Core({ debug: true, autoProceed: false })
    .use(Uppy.Transloadit, {
      params: {
        auth: {
          // To avoid tampering use signatures:
          // https://transloadit.com/docs/api/#authentication          
          key: 'YOUR_TRANSLOADIT_KEY'
        },
        // It's often better store encoding instructions in your account
        // and use a `template_id` instead of adding these steps inline
        steps: {
          thumb: {
            use: ':original',
            robot: '/image/resize',
            width: 75,
            height: 75,
            resize_strategy: 'fit'
          }
        }
      },
      waitForEncoding: true
    })
    .use(Uppy.Dashboard, {
      trigger: '#uppy-open-modal',
      target: 'body'
    })
    .use(Uppy.Webcam, { target: Uppy.Dashboard })
    .use(Uppy.Instagram, { target: Uppy.Dashboard, host: 'https://api2.transloadit.com/uppy-server' })
    .on('transloadit:result', (stepName, result) => {
      // use transloadit encoding result here.
      console.log('Result here ====>', stepName, result)
    })
</script>

HTML5 Example

Uppy is our take on perfecting file uploading in the browser. It's rather new and not stable yet, but if you'd like to play around with it, you can already!

Check out our Uppy integration

// npm install transloadit --save
const TransloaditClient = require('transloadit')

const transloadit = new TransloaditClient({
  authKey: 'YOUR_TRANSLOADIT_KEY',
  authSecret: 'YOUR_TRANSLOADIT_SECRET'
})

transloadit.addFile('myfile_1', './chameleon.jpg')

const options = {
  params: {
    steps: {
      thumb: {
        use: ':original',
        robot: '/image/resize',
        width: 75,
        height: 75,
        resize_strategy: 'fit',
      },
    }
  }
}

transloadit.createAssembly(options, (err, result) => {
  if (err) {
    throw err
  }

  console.log({result})
})

Node.js Example

We have a fully featured software development kit for Node.js, so you can easily integrate it into your node apps.

Check out our Node SDK integration

npm install transloadify -g

export TRANSLOADIT_KEY="YOUR_TRANSLOADIT_KEY"
export TRANSLOADIT_SECRET="YOUR_TRANSLOADIT_SECRET"

echo '{
  "thumb": {
    "use": ":original",
    "robot": "/image/resize",
    "width": 75,
    "height": 75,
    "resize_strategy": "fit"
  }
}' > ./steps.json

transloadify \
  --input ./lolcat.jpg \
  --output ./resized-lolcat.jpg \
  --steps ./steps.json

CLI Example

Don't feel like coding? Use our command line tool to watch an ./input/ directory for incoming files and automatically convert them through instructions that you saved locally in: ./steps.json.

The results will be saved in the ./output/ directory.

You can optionally automatically remove successfully processed input files.

Check out our Transloadify integration

// Install "transloadit/php-sdk"
// via Composer (https://getcomposer.org)
use transloadit\Transloadit;
$transloadit = new Transloadit([
  "key" => "YOUR_TRANSLOADIT_KEY",
  "secret" => "YOUR_TRANSLOADIT_SECRET",
]);

$files = [];
array_push($files, "./chameleon.jpg");

$response = $transloadit->createAssembly([
  "files" => $files, 
  "params" => [
    "steps" => [
      "thumb" => [
        "use" => ":original",
        "robot" => "/image/resize",
        "width" => 75,
        "height" => 75,
        "resize_strategy" => "fit",
      ],
    ],
  ],
]);

PHP Example

Our PHP SDK allows you to automate the uploading of files through the Transloadit REST API using PHP.

It can be installed via composer.

Check out our PHP SDK integration

# gem install transloadit
transloadit = Transloadit.new(
  :key => "YOUR_TRANSLOADIT_KEY",
  :secret => "YOUR_TRANSLOADIT_SECRET"
)

# Add instructions, e.g. resize image, or encode video
thumb = transloadit.step "thumb", "/image/resize",
  :use => ":original",
  :width => 75,
  :height => 75,
  :resize_strategy => "fit"
)

assembly = transloadit.assembly(
  :steps => [ thumb ]
)

# Add files to upload
files = []
files.push("./chameleon.jpg")

# Start the Assembly
response = assembly.create! *files

until response.finished?
  sleep 1; response.reload!
end

if !response.error?
  # handle success
end

Ruby Example

Our Ruby Gem allows you to automate the uploading of files through the Transloadit REST API.

If you run Ruby on Rails and are instead looking to integrate with the browser to handle file uploads, then we also have a Ruby on Rails SDK ready for you to use.

Check out our Ruby SDK integration

# pip install pytransloadit
from transloadit import client

tl = client.Transloadit('YOUR_TRANSLOADIT_KEY', 'YOUR_TRANSLOADIT_SECRET')
assembly = tl.new_assembly()

# Add instructions, e.g. resize image, or encode video
assembly.add_step('thumb', {
  'use': ':original',
  'robot': '/image/resize',
  'width': 75,
  'height': 75,
  'resize_strategy': 'fit'
})

# Add files to upload
assembly.add_file(open('./chameleon.jpg', 'rb'))

# Start the Assembly
assembly_response = assembly.create(retries=5, wait=True)

print assembly_response.data.get('assembly_id')

# or
print assembly_response.data['assembly_id']

Python Example

Check out our Python SDK integration

// go get gopkg.in/transloadit/go-sdk.v1
options := transloadit.DefaultConfig
options.AuthKey = "YOUR_TRANSLOADIT_KEY"
options.AuthSecret = "YOUR_TRANSLOADIT_SECRET"
client := transloadit.NewClient(options)

// Initialize new assembly
assembly := transloadit.NewAssembly()

// Add instructions, e.g. resize image, or encode video
assembly.AddStep("thumb", map[string]interface{}{
  "use": ":original",
  "robot": "/image/resize",
  "width": 75,
  "height": 75,
  "resize_strategy": "fit"
})

// Add files to upload
assembly.AddFile("myfile_1", "./chameleon.jpg")

// Start the Assembly
info, err := client.StartAssembly(context.Background(), assembly)
if err != nil {
  panic(err)
}

// All files have now been uploaded and the Assembly has started but no
// results are available yet since the conversion has not finished.
// WaitForAssembly provides functionality for polling until the Assembly
// has ended.
info, err = client.WaitForAssembly(context.Background(), info)
if err != nil {
  panic(err)
}

fmt.Printf("You can view the result at: %s\n", info.Results["resize"][0].SSLURL)

Go Example

We have a powerful Go client that makes using Transloadit easy.

Check out our Go SDK integration

// compile 'com.transloadit.sdk:transloadit:0.0.3'
import com.transloadit.sdk.Assembly;
import com.transloadit.sdk.Transloadit;
import com.transloadit.sdk.exceptions.LocalOperationException;
import com.transloadit.sdk.exceptions.RequestException;
import com.transloadit.sdk.response.AssemblyResponse;

import java.io.File;
import java.util.HashMap;
import java.util.Map;

public class Main {
    public static void main(String[] args) {
        Transloadit transloadit = new Transloadit("YOUR_TRANSLOADIT_KEY", "YOUR_TRANSLOADIT_SECRET");
        Assembly assembly = transloadit.newAssembly();
        // Add instructions, e.g. resize image, or encode video
        Map<String Object> thumbStepOptions = new HashMap();
        thumbStepOptions.put("use", ":original");
        thumbStepOptions.put("width", 75);
        thumbStepOptions.put("height", 75);
        thumbStepOptions.put("resize_strategy", "fit");
        assembly.addStep("thumb", "/image/resize", thumbStepOptions);
      
        // Add files to upload
        assembly.addFile(new File("./chameleon.jpg"));
        
        try {
            AssemblyResponse response = assembly.save();

            // wait for assembly to finish executing.
            while (!response.isFinished()) {
                response = transloadit.getAssemblyByUrl(response.getSslUrl());
            }

            System.out.println(response.getId());
            System.out.println(response.getUrl());
            System.out.println(response.json());
        } catch (RequestException | LocalOperationException e) {
            // handle exception here
        }
    }
}

Java Example

Check out our Java SDK integration

Try it now

Cropping Images

This demo resizes and crops uploaded images to 100×100 pixels. Drop files to the left, or select files using the device's native file browser. See the Demos page for the Assembly Instructions used.

Zip Archive

Transloadit can assemble multiple files into a single result, or a single file into multiple results. This demo archives all uploaded files into a single .zip file. See the Demos page for the Assembly Instructions used.

Face Detection

With the Uppy Transloadit integration, users can upload photos from their webcam straight to Transloadit. Excellent for capturing profile pictures! See the Demos page for the Assembly Instructions used.

Virus Scanning

Scan uploaded files and reject virus-infected ones before they ever reach your servers. See the Demos page for the Assembly Instructions used.

Image optimization

Save bandwidth and storage space by losslessly optimizing images, reducing file sizes by up to 80%. See the Demos page for the Assembly Instructions used.