Browsers usually render images from top to bottom as the image's data is downloaded. This is good enough most of the time, because the majority of your images may be pretty small in file size and/or the internet connection of your average user might be really fast. However, if this is not the case, because your user base heavily uses mobile devices or your image file sizes are quite big, then you will be happy about our newest feature - support for image interlacing!

If you turn this on in your Assembly Template, Transloadit will automatically make the necessary changes to your images so that they will render progressively in browsers. This means that a very low-resolution version of the image is shown first, which is then quickly replaced by higher-resolution ones as more image data is downloaded. As you can imagine, this can greatly improve the user experience of your app as the perceived loading time is much better.

If you'd like to use this feature, please use the new parameter for the /image/resize Robot called "progressive". Simply give it a value of true and you are good to go.

Since we love it when people improve the performance of their apps using our technologies, there is no additional charge for this feature.

Enjoy!