

Having an incorrect aspect ratio for your project can affect the end-user experience. When you use the right aspect ratios, it ensures your images or videos are displayed as intended without stretching or loss of resolution. The relationship between its width and height determines the ratio and shape, but not the image’s actual size.Īspect ratios are a critical part of web content because images need to be uploaded at different aspect ratios for different uses, like desktop vs. This means that an image measured in centimeters will have the same aspect ratio even if it was measured in inches. For instance, a 6×4 inch image has an aspect ratio of 3:2, whereas a 1920×1080 pixel video has an aspect ratio of 16:9.Īn aspect ratio does not have units attached-instead, it represents how large the width is in comparison to the height. You’ll recognize it as two numbers separated by a colon in an x:y format. The aspect ratio of an image or video is the proportional relationship of the width to the height.

What is an aspect ratio? Let’s start there. Don’t know which size to use for your image or video? We’ve listed common aspect ratios to help you create your next project.
