Skip to content
On this page

Image Transformations

Image size

🔗 Documentation

Usage

https://cdn.filestackcontent.com/imagesize/FJSDPKz8QKvypYiUXN48

Response

json
{ "height": 1593, "width": 2832 }

Resize

🔗 Documentation

Usage

https://cdn.filestackcontent.com/resize=width:200/FJSDPKz8QKvypYiUXN48
https://cdn.filestackcontent.com/resize=height:400/FJSDPKz8QKvypYiUXN48
https://cdn.filestackcontent.com/resize=width:1500,height:400,fit:crop/FJSDPKz8QKvypYiUXN48
https://cdn.filestackcontent.com/resize=width:1500,height:400,fit:scale/FJSDPKz8QKvypYiUXN48

Example

width:200resize

height:200resize

width:1500,height:400,fit:cropresize

width:1500,height:400,fit:scaleresize

Crop

🔗 Documentation

Usage

https://cdn.filestackcontent.com/crop=dim:[0,0,500,1000]/FJSDPKz8QKvypYiUXN48

Example

dim:[0,0,500,1000]crop

Rotate

🔗 Documentation

Usage

https://cdn.filestackcontent.com/rotate=deg:180/FJSDPKz8QKvypYiUXN48
https://cdn.filestackcontent.com/rotate=deg:18/FJSDPKz8QKvypYiUXN48
https://cdn.filestackcontent.com/rotate=d:18,b:7CFC00FF/FJSDPKz8QKvypYiUXN48

Examples

deg:180rotate

deg:18rotate

d:18,b:7CFC00FFrotate

Flip

🔗 Documentation

Usage

https://cdn.filestackcontent.com/flip/FJSDPKz8QKvypYiUXN48

Examples

flipflip

Flop

🔗 Documentation

Usage

https://cdn.filestackcontent.com/flop/FJSDPKz8QKvypYiUXN48

Examples

flopflop

Watermark

🔗 Documentation

Usage

https://cdn.filestackcontent.com/watermark=f:Urj7ezG8SAKtIWdqTDx7,p:[bottom,right],s:50/FJSDPKz8QKvypYiUXN48
https://cdn.filestackcontent.com/watermark=f:DLzyl0OS9mBl7pR4lFAI,p:[top,left],s:250/FJSDPKz8QKvypYiUXN48

Examples

p:[bottom,right],s:50watermark

p:[top,left],s:250watermark

Compress

🔗 Documentation

Usage

https://cdn.filestackcontent.com/compress/FJSDPKz8QKvypYiUXN48

Examples

compresscompress

Quality

🔗 Documentation

Usage

https://cdn.filestackcontent.com/quality=v:5/flop/FJSDPKz8QKvypYiUXN48

Examples

quality=v:5/flopquality

An introduction to Filestack with examples and code snippets