- Published on
- ·3 min read
Introduction to Aspect Ratio Comparison Service
I apologize in advance for any awkward expressions in English.
English is not my native language, and I have relied on ChatGPT's assistance to proceed with the translation.
Quick Access to the Service
Key Features
Aspect Ratio Comparison is a service that allows you to compare screen sizes by selecting two or more aspect ratios. For example, if you select the 4:3 and 16:9 ratios, you can see the difference in size and the areas that are cropped.
The initial comparison is represented by overlapping gray areas, and when you hover your mouse over a specific region, that aspect ratio is highlighted. Please refer to the GIF image below:
Adding Aspect Ratio Options
Not everyone remembers the aspect ratios of resolutions (e.g., 1280x720) off the top of their heads, and determining which aspect ratio a resolution has often requires additional calculations.
To make it more convenient, we've added predefined resolutions and use cases as options in addition to the aspect ratio selection box. This way, you can choose an aspect ratio based on resolutions or specific use cases.
Direct Ratio Input
Given the vast diversity in resolutions and aspect ratios, predefined options have their limitations.
Therefore, you can now directly input your desired width and height. We will calculate the corresponding aspect ratio and allow you to add it for your convenience.
Comparison Criteria
You can choose to compare based on either width or height, allowing you to examine differences according to your selected criteria.
The image on the left below demonstrates a comparison based on width, showing the height differences.
The image on the right below illustrates a comparison based on height, indicating the width variances.
(The aspect ratios compared in the images below are 16:9 and 4:3)
Image Preview
When you select an image, it displays the image's size and aspect ratio, allowing you to see how an image of that aspect ratio fits within each ratio (how much it overflows or leaves empty space).
The image below demonstrates how an image with a 1.5:1 aspect ratio appears within the specified ratios. You can observe that it falls short within the 4:3 ratio and overflows within the 16:9 ratio.
