Aspect Ratio | Notion

An image ratio displays image with a defined ratio

Core Component & Variants

Untitled

Core Components
Property Name	Property Type	Property Value
Ratio	Variant	1:1

3:2 2:3

4:3 3:4

16:9 9:16 |

Untitled

Standard image ratios simplify the design process by providing predefined dimensions and proportions. Designers can quickly choose or create images that fit within these standard ratios, saving time and effort.
Users have become accustomed to certain image ratios through their exposure to various apps and websites. Following standard ratios helps meet user expectations and provides a familiar and intuitive experience.
Standard image ratios often align with common image sizes and formats used on the web or mobile platforms. This alignment can facilitate image optimization techniques, such as compression and caching, resulting in improved performance and faster loading times.