The responsive break points leave a large image that is too small. about cloudinary_sfcc_pagedesigner

[yaniv-li]

@amezick
we can make configurable I would take it with @naveenpras

[naveenpras]

Based on discussions, we'll attempt to expose this through code initially. We can think about exposing this through the UI later on.

[amezick]

That works for me.

[naveenpras]

Angus needs to set the upper limit for the breakpoint, e.g. say that we need to set the biggest breakpoint.

[naveenpras]

The example is:
Pick a image at 400x400
The srcsets start at 2000 px and so the image is scaled up.

Check
function getBreackpoints(publicId) {
var body = {
timestamp: (Date.now() / 1000).toFixed(),
public_id: publicId,
type: 'upload',
responsive_breakpoints: [
{
bytes_step: 20000,
max_width: 1000,
max_images: 20,
min_width: 200
}]
};
body.signature = utils.addSignatureToBody(body);
body.responsive_breakpoints = utils.stringifyJson(body.responsive_breakpoints);
body.api_key = currentSite.getCustomPreferenceValue('CloudinaryPageDesignerAPIkey');
var r = utils.callService(body, 'image', 'explicit');
if (r.ok) {
var result = r.message;
return getBreackpointsFromResponse(result);
}
return [1280, 768, 375];
}