
Image
Basics

Fixed square images
image is-16x16 |
![]() |
16x16px |
image is-24x24 |
![]() |
24x24px |
image is-32x32 |
![]() |
32x32px |
image is-48x48 |
![]() |
48x48px |
image is-64x64 |
![]() |
64x64px |
image is-96x96 |
![]() |
96x96px |
image is-128x128 |
![]() |
128x128px |
Rounded images

Retina images

Responsive images with ratios
image is-square |
![]() |
Square (or 1 by 1) |
image is-1by1 |
![]() |
1 by 1 |
image is-5by4 |
![]() |
5 by 4 |
image is-4by3 |
![]() |
4 by 3 |
image is-3by2 |
![]() |
3 by 2 |
image is-5by3 |
![]() |
5 by 3 |
image is-16by9 |
![]() |
16 by 9 |
image is-2by1 |
![]() |
2 by 1 |
image is-3by1 |
![]() |
3 by 1 |
image is-4by5 |
![]() |
4 by 5 |
image is-3by4 |
![]() |
3 by 4 |
image is-2by3 |
![]() |
2 by 3 |
image is-3by5 |
![]() |
3 by 5 |
image is-9by16 |
![]() |
9 by 16 |
image is-1by2 |
![]() |
1 by 2 |
image is-1by3 |
![]() |
1 by 3 |
Arbitrary ratios with any element