
Optimize images without quality loss
🤖/image/optimize reduces the size of images while maintaining the same visual quality.
With this Robot it's possible to reduce the file size of your JPEG, PNG, GIF, WEBP and SVG images by up to 80% for big images and 65% for small to medium sized ones — while keeping their original quality!
This Robot enables you to lower your storage and bandwidth costs, and improves your user experience and monetization by reducing the load time of image-intensive web pages.
It works well together with 🤖/image/resize to bring the full power of resized and optimized images to your website or app.
Note
This Robot accepts all image types and will just pass on unsupported image types unoptimized. Hence, there is no need to set up 🤖/file/filter workflows for this.
Usage example
Optimize uploaded images:
{
"steps": {
"optimized": {
"robot": "/image/optimize",
"use": ":original"
}
}
}
Parameters
output_meta
Record<string, boolean> | boolean
Allows you to specify a set of metadata that is more expensive on CPU power to calculate, and thus is disabled by default to keep your Assemblies processing fast.
For images, you can add
"has_transparency": true
in this object to extract if the image contains transparent parts and"dominant_colors": true
to extract an array of hexadecimal color codes from the image.For videos, you can add the
"colorspace: true"
parameter to extract the colorspace of the output video.For audio, you can add
"mean_volume": true
to get a single value representing the mean average volume of the audio file.You can also set this to
false
to skip metadata extraction and speed up transcoding.result
boolean
(default:false
)Whether the results of this Step should be present in the Assembly Status JSON
queue
"batch"
Setting the queue to 'batch', manually downgrades the priority of jobs for this step to avoid consuming Priority job slots for jobs that don't need zero queue waiting times
force_accept
boolean
(default:false
)Force a Robot to accept a file type it would have ignored.
By default Robots ignore files they are not familiar with. 🤖/video/encode, for example, will happily ignore input images.
With the force_accept parameter set to true you can force Robots to accept all files thrown at them. This will typically lead to errors and should only be used for debugging or combatting edge cases.
use
string | Array<string> | Array<object> | object
Specifies which Step(s) to use as input.
- You can pick any names for Steps except
":original"
(reserved for user uploads handled by Transloadit) - You can provide several Steps as input with arrays:
{ "use": [ ":original", "encoded", "resized" ] }
Tip
That’s likely all you need to know about
use
, but you can view Advanced use cases.- You can pick any names for Steps except
priority
"compression-ratio" | "conversion-speed"
(default:"conversion-speed"
)Provides different algorithms for better or worse compression for your images, but that run slower or faster. The value
"conversion-speed"
will result in an average compression ratio of 18%."compression-ratio"
will result in an average compression ratio of 31%.progressive
boolean
(default:false
)Interlaces the image if set to
true
, which makes the result image load progressively in browsers. Instead of rendering the image from top to bottom, the browser will first show a low-res blurry version of the image which is then quickly replaced with the actual image as the data arrives. This greatly increases the user experience, but comes at a loss of about 10% of the file size reduction.preserve_meta_data
boolean
(default:true
)Specifies if the image's metadata should be preserved during the optimization, or not. If it is not preserved, the file size is even further reduced. But be aware that this could strip a photographer's copyright information, which for obvious reasons can be frowned upon.
fix_breaking_images
boolean
(default:true
)If set to
true
this parameter tries to fix images that would otherwise make the underlying tool error out and thereby break your Assemblies. This can sometimes result in a larger file size, though.
Demos
Related blog posts
- Enhancing web speed with lossless image optimization
- A happy 2014 from Transloadit!
- Enhanced PNG optimization with Pngquant integration
- On upgrades & goodbyes
- Auto-optimize images for lower costs & bandwidth
- Happy 2016 from Transloadit
- New pricing model for future Transloadit customers
- Efficient Dropbox to SFTP file transfer with optimization
- How to reduce image file sizes without losing quality