false
zh-CN,zh-TW,en,id,ja,es
Catalog
Setup and Configuration (Goldilock)
How Abby honors the aspect ratio of your images
How Abby honors the aspect ratio of your images
Back to course
[Please upgrade your browser to play this video content]
Video Transcription
The ABI layout is designed to be agnostic to the image size that you upload. We do recommend that you upload images of the same dimension. With that said, we want to show you a few possible dimension aspect ratios so that you can see how the exact same layout will look if you happen to upload images of different aspect ratios. And when we say aspect ratio, we typically refer to it as a ratio such as 1 to 1, which is a square, or 3 to 2, which means the width is 3, height is 2. Or 4 to 3, which means the width is 4 and the height is 3. So let's start with an example where it is 1 to 1, which means it's a square. I'm just going to click on here and click on preview. So this, keep in mind, is an example where the image size that I uploaded happens to be a square. As you can see here, this is a square and it has the text. So because of the text, it feels a little bit taller than it would have been without the text. We'll show you a few examples to compare with text and without text. By this here, you can sort of see this is the image that is 1 to 1, as in the width and the height is exactly the same. Now what we're going to do is we're going to go back and we're going to look at another one that is 3 to 2. So here we go. I'm going to click on preview again. So this is the 3 to 2. That means this image, the width is 3 versus the height is 2. So this can be 300 and 200 or 3,000 and 2,000 or let's say 600 versus 400. As long as the ratio is 3 to 2, this is the way it looks like. Once again, you also have the text underneath so that you make it almost a square. And last but not least, I'm going to show example of 4 to 3 aspect ratio. In this example, you will see that the image is just a little bit taller. The text, once again, is at the bottom, which makes it almost a square. So as you can see, you decide the image that you upload. And I just happen to create a set of image that is 4 by 3 and I create another set of image that's 3 to 2 and I create another set of image that's 1 to 1 so that you can see visually how the layout automatically display itself based on the image that you upload. So it really just depends on what you think looks good is you decide to upload them and the system would display them as is. So keep in mind, once again, when you upload, whatever image you upload, we recommend aspect ratio. Here we just say that it's 4 to 3 is recommended just so that you have some recommendation. So we say it's 4 to 3 or 3 to 2 without text or with text is really just a personal preference. So this is just a quick sort of visual differentiation between aspect ratio 4 to 3, 3 to 2, or 1 to 1. I want to stress the aspect ratio is the image you upload yourself. It is not a configuration that you do on the configuration tool. So you decide the image, you upload that image. If you don't like the aspect ratio, you will use a software on your computer to change the aspect ratio. We do recommend that the aspect ratio for all your images should be the same so that you look sort of symmetrical. Thank you.
Video Summary
The ABI layout accommodates any image size, but recommends using images with consistent dimensions for symmetry. It demonstrates how layout changes with different aspect ratios: 1:1 (square), 3:2, and 4:3. These ratios refer to the proportional relationship between an image's width and height. Text can make the images appear taller. While 4:3 and 3:2 aspect ratios are suggested, personal preference plays a role. Users should ensure the same aspect ratio across all images for uniformity, modifying them if needed with external software, as the layout doesn’t adjust the aspect ratio itself.
Keywords
image dimensions
aspect ratios
layout symmetry
image uniformity
external software
205 West Randolph St, Suite 1200, Chicago, IL 60606
Follow us on
2024 Copyright All rights reserved.
×