Imágenes

En este artículo haremos un resumen de los formatos más habituales en el diseño web. El ratio se refiere a las proporciones que tendrán las imágenes, dependiendo si son imágenes de fondo, banners, etc.

16:9

Ratio 16:9

Ejemplos

3840 x 2160 pixels - 16:9

2560 x 1440 pixels - 16:9

1920 x 1080 pixels - 16:9

1280 x 720 pixels - 16:9

700 x 349 pixels - 16:9

Es el tamaño de la miniatura para vídeos de YouTube

4:3

Ratio 4:3

Ejemplos

2048 x 1536 pixels

1024 x 768 pixels

640 x 480 pixels

3:4

Ratio 3:4

Ejemplos

1536 x 2048 pixels

526 x 700 pixels

300 x 400 pixels

9:16

Ratio 9:16

Ejemplos

1080 x 1920 pixels

450 x 800 pixels

4:5

Ratio 4:5

Ejemplos

1080 x 1350 pixels

400 x 500 pixels

2:1

Ratio 2:1

Ejemplos

2560 x 1280 pixels

1000 x 500 pixels

800 x 400 pixels

3:1

Ratio 3:1

Ejemplos

2559 x 853 pixels

1200 x 400 pixels

600 x 200 pixels

3:2

Ratio 3:2

Ejemplos

1080 x 720 pixels

600 x 400 pixels

1:1

Ratio 1:1

Ejemplos

1000 x 1000 pixels

500 x 500 pixels