Skip to main content

Image Box: Lock the image aspect ratio

To keep an image's aspect ratio in Studio.Design, switch the toggle in the top-right of the image box to Img. In Img mode, your image displays while preserving its original aspect ratio.

How to lock an image's aspect ratio

To preserve an image's aspect ratio in Studio.Design, select the image box and switch the toggle in the top right to Img mode. This makes the image display at its original ratio.

Because the aspect ratio stays intact, this works great for images that need to display at an exact ratio, like product photos or logos. It also means your images won't get distorted when the screen width changes in a responsive design.

However, images in Img mode have the following limitations:

If the aspect ratio still isn't locked even in Img mode, try setting the width or height to auto by following the steps in the help article below.

Did this answer your question?