An aspect ratio expresses the proportional relationship between an image's width and height. Written as width:height (e.g., 3:2), it defines the fundamental shape of an image regardless of its actual size.

Common aspect ratios include:

• 1:1 (Square) - Equal width and height
• 3:2 (Landscape) - Width is 1.5 times the height
• 2:3 (Portrait) - Height is 1.5 times the width
• 16:9 (Widescreen) - Standard video format

Tips for Managing Aspect Ratios:

1. Image Cropping:

• Use built-in image editors for preset ratios
• Employ third-party editors for custom ratios
• Crop the shorter side based on the longer side
• Avoid enlarging images to prevent blurring

2. Banner Images:

• Follow formatting guidelines before uploading
• Adjust banner size settings as needed
• Maintain consistent ratios for uniform appearance

3. Product Images:

• Set uniform ratios for shop pages
• Ensure consistency across product detail pages

4. Video Considerations:

• Most players use 16:9 ratio
• Background videos are cropped to fill space
• Embedded videos follow hosting service thumbnails

Converting Aspect Ratios to Percentages:

• 100% = Square (1:1)
• Below 100% = Landscape
• Above 100% = Portrait
• Formula: (height ÷ width) × 100

For example:

• 2:3 ratio = (3 ÷ 2) × 100 = 150%
• 3:2 ratio = (2 ÷ 3) × 100 = 66.7%

Related Articles

Previous Articles