Image editable

{
"resources": {
"image_1": {
"source": {
"remote_url": "https://cdn.shakr.com/logo1.png"
},
"transform": {
"crop_strategy": "cover"
}
},
"image_2": {
"source": {
"remote_url": "https://cdn.shakr.com/logo2.png"
},
"transform": {
"crop_strategy": "contain"
}
},
"image_3": {
"source": {
"remote_url": "https://cdn.shakr.com/logo3.png"
},
"transform": {
"crop_x": 0,
"crop_y": 376,
"crop_width": 784,
"crop_height": 418,
"crop_strategy": "manual"
}
}
}
}

How to customize source for image editable#

Support remote_url only.

How to customize transform for image editable#

Support crop_strategy for image editable. There are 3 crop strategies can use.

cover#

Image will be cropped to ensure maximum fill within the frame.

contain#

Image will be contained without cropping. Preserves the full image within the frame. Useful for product images or logos with transparent background.

manual#

Fully defining how to crop it. If you want to use this strategy, need 4 more parameters.

NameDescription
crop_xStarting point of x-axis to crop.
crop_yStarting point of y-axis to crop.
crop_widthHow many pixels do you want to crop in width.
crop_heightHow many pixels do you want to crop in height.