Framer Component

Aspect Ratio Image

Auto-resizes the height or width of a frame to fit the aspect ratio of an image. Useful for images from the CMS or component variables that don't all have the same aspect ratio.

Get over 60 components and code overrides for building websites with Framer!
No subscription - pay once, use forever.

Type

Code Component

Free

No

Last Updated

May 17, 2024

Instructions

Instructions

Copy and paste the component into your Framer project and use the property controls on the right side to customize and configure it for your website.

Set height to auto and the width to a fixed, relative, fill, or viewport value, or vice versa with width set to auto. The direction set to auto will be automatically calculated based on the image's aspect ratio.