Ability to set aspect ratio of images (e.g. 16:9) in the Designer

When creating layouts, I often need to force the aspect ratio of the images (think: blog listing).

The uploaded images can be any aspect ratio, but to keep the grid neat and tidy I'd want to set them to all display at 16:9, or 4:3, or anything that suits the design.

Here's the workaround I usually do:https://forum.webflow.com/t/how-to-auto-crop-cms-collection-list-images-16-9-aspect-ratio-example/86360

This works fine, but it'd be great to have a setting for it. I'd imagine in the Elements setting panel for images.

For this use case I'm not suggesting cropping, just controlling the aspect ratio of the image.

I understand the issue is that it requires adding extra content to the page (e.g. div block wrapper) which might be against the spirit of Webflow.



  • Dave Foy
  • Mar 18 2021
  • Reviewed
  • Dave Cruickshank commented
    20 Apr 06:43pm

    I always have to add additional page css for this. I believe this would be easy to accomplish with pure CSS, and integrate into the image manipulation interface.

  • +3