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.
Share your Transloadit project to earn $300
We love seeing how our community uses Transloadit. Tweet @transloadit to get your proposal approved, share what you’ve built in the form of a blog post or a tutorial on your website, and earn a $300 Gift certificate of your choice as well as a full year of the Startup Plan, at no cost after you publish.
Follow us on Twitter:Follow @transloadit
We're SO STOKED to announce the Transloadit Community Plan! 🎉🎉🎉 Unlimited uploading, importing and exporting, 5GB of encoding/month, and access to 50 different file conversion features for all.— 🤖 Transloadit (@transloadit) July 2, 2020
Best part? It's free. Forever. 🤑 Find out more https://t.co/zXWLi3Xa0G pic.twitter.com/DlY5xz1mPG