Apply a watermark to your images

To apply watermarks to uploaded images you just need to supply the url to the watermark image. To fine-tune how your watermark will be displayed use additional parameters such as watermark_size and watermark_position. Note that watermarking has full transparency support. Just use a transparent png file and you are good to go. » See full documentation

The template
Javascript code

"steps": {
  "thumb": {
    "robot": "/image/resize",
    "width": 250,
    "height": 250,
    "resize_strategy": "pad",
    "background": "#000000",
    "format": "jpg",

    "watermark_url": "https://transloadit.com/img/robots/170x170/video-encode.png",
    "watermark_size": "25%",
    "watermark_position": "bottom-right"
  }
}

$(function() {
  $('form').transloadit({
    wait: true,
    autoSubmit: true
  });
});

The form

For demos we allow a maximum of 30MB.

This form is html5-multiupload enabled. If your browser supports it, you can select multiple files and execute the template with them.