Improve focal point cropping for different ratios

[stuartcusackie]

When you want to use the same image for different aspect ratios you can run into problems with focal points.

Examples:

• A hero image might be tall on mobile (3:4 ratio), but wide on desktop (21:9 ratio). In these cases the focal point works better in different positions for mobile vs desktop, but we can only have one focal point.
• For small screens we might want to zoom in a little, but this would also zoom the image on large screens.

Possible solutions:

• If the focal point editor could support multiple focal points, maybe by providing a dropdown to select a breakpoint or aspect ratio.
• Store focal point data on individual asset fields instead of on the asset itself.
• A new glide fit param: crop_focal_no_zoom - Not a great solution but it would improve some of my images, i.e. I could keep an image zoomed on mobile, but zoomed out on desktop.

My current workaround is to just duplicate images so that we can have multiple focal points, but I worry that this will get messy over time.

Thanks.

[jasonvarga]

Can you provide an example image that would have different focal points? In general the whole premise of the focal point is so you can crop it at different sizes and see the important part.

[jasonvarga]

Those images all 404.

[stuartcusackie]

Sorry, we're currently in development so I keep changing the structure of the images, and so the urls are broken. I might have a better example when we launch. I have updated the original post above.