Image Run-mode: Render Differently If Image is Landscape

julia2 · 2024-11-12T11:26:38.777Z

We have a 2:3 image element that for most user uploaded images the best render is Zoom, but occasionally users upload images that are landscape that would be best rendered as Rescale. Is there any way to read the dimensions of the image and render conditionally?

cmarchan · 2024-11-12T14:36:27.198Z

None that I know of … natively.

You could have an external service return you the image dimensions.

mustafamteck · 2024-11-12T14:49:35.573Z

julia2:

We have a 2:3 image element that for most user uploaded images the best render is Zoom, but occasionally users upload images that are landscape that would be best rendered as Rescale. Is there any way to read the dimensions of the image and render conditionally?

Hi there, I hope you are doing well.

If you want to adjust image rendering based on user-uploaded dimensions, detect the image’s aspect ratio by checking its width and height. Use Zoom if the aspect ratio is close to 2:3 to fill the frame or Rescale for wider images to keep more of the image visible. This ensures each image is displayed in the most visually appealing way.

Thank You,
Mike Taku.

cmarchan · 2024-11-12T15:09:43.714Z

@mustafamteck Has a great point!

If in the frontend you can do this image by image then you can access its dimensions to establish conditions:

CleanShot 2024-11-12 at 10.08.26@2x498×274 13.5 KB

system · 2025-01-21T11:27:13.170Z

This topic was automatically closed after 70 days. New replies are no longer allowed.