Professional Documents
Culture Documents
elements and mobile screen sizing. The following keyline images depict these recommended ratios:
16:9
3:2
4:3
1:1
3:4
2:3
Applicable to mobile, tablet, and desktop.
For example:
For a 1:1 aspect ratio, an element has equal height and width.
For a 2:3 aspect ratio, an image 360dp wide (full-screen) would have a height of 540.
Use one of the aspect ratios above to determine the appropriate width or height of your element:
Width = Aspect ratio * Height
Height = Width/Aspect ratio
(In both formulas, the aspect ratio is expressed as a fraction. For example, 3:2 becomes 3/2, and 16:9 is 16/9).