Imágenes bloques: Tamaño y resolución óptimos.

Antes de empezar a crear tu portada, es aconsejable tener el material preparado para agilizar el proceso, cuando hablamos de material nos referimos a: título del bloque, enlace o sección a la que queremos dirigir al usuario cuando pulse y la imagen que representará el bloque. 

Como podrás observar, en la tabla está la información para los nuevos diseños modulares.

A continuación podrás encontrar las dimensiones óptimas para preparar las imágenes de tu portada web, recuerda que en entorno web la resolución máxima con la que se visualizarán tus imágenes es de 96ppp todo exceso lo único que creará es lentitud sin mejorar el aspecto de la imagen. También es importante tener en cuenta la dimensión del monitor, si visualizamos la web desde un monitor inferior a las medidas estándar o desde una tablet las imágenes se escalarán proporcionalmente.

PORTADA

TAMAÑO IMÁGENES
(ancho x alto píxeles)

RESOLUCIÓN
(puntos x pulgada)

Big 450 x 450 px
96 ppp
Dream No imagen 96 ppp
Elegant 300 x 300 px
96 ppp
Impact No imagen 96 ppp
Transparent No imagen 96 ppp


Si tienes duda de cómo darles el tamaño indicado en la tabla te aconsejamos que le eches un vistazo al siguiente artículo: Cómo dar un tamaño y resolución óptimo a nuestras imágenes para web



Sugerencias y base de conocimientos