¿Qué tamaño de imagen utilizo en cada bloque?

Modificar el tamaño y la proporción de las imágenes:

 

Cuando quieras añadir o modificar una imagen de tu página web, el tamaño de la imagen no se adaptará necesariamente a las dimensiones del bloque que estés modificando.

Ejemplo:

Una imagen de formato «cuadrado» en un bloque de formato «rectangular».

Habrá que cambiar el tamaño de la imagen para que se adapte lo mejor posible al bloque elegido.

 

  • Para ello, hay varias posibilidades según cada caso:

 

Recuerda: la proporción es la relación entre el alto y el ancho de la imagen.

 

  • Una sola proporción disponible:

Pre_sentation_sans_titre2.png

Algunos bloques, como este, se construyen con un único formato disponible.

En tal caso, tienes que utilizar la proporción que te impone ese bloque.

 

Entonces podrás utilizar la zona editable de la imagen para agrandar o reducir la dimensión de la proporción con el cursor que está debajo de la imagen.

 

  • Hay varias proporciones disponibles:

 

Pre_sentation_sans_titre.png

  • Ejemplo de categoría: «Texto e imagen»

(Una proporción optimizada para la edición de una imagen y de un texto en alineación horizontal).

En ese caso, el bloque elegido permite escoger distintos formatos de imagen.

 

Para ello, solo tienes que seleccionar el icono de la proporción que quieras para escoger la maquetación que más se ajuste a tus necesidades.

 

También podrás utilizar la zona editable de la imagen para agrandar o reducir la dimensión de la proporción con el cursor que está debajo de la imagen.

  • Según las distintas categorías de bloques que tienes a tu disposición, hemos adaptado distintas opciones de proporción para optimizar el bloque de contenido.

(Por ejemplo, para añadir una imagen o un texto) ofreciéndote variantes como la categoría «Sobre mí» con una proporción redondeada.

Pre_sentation_sans_titre.png

  • Ejemplo de categoría: «texto e imagen» (proporción optimizada para la edición de una imagen y de un texto en alineación vertical).

 

image50.png

  • Ejemplo de categoría: «Sobre mí» (proporción redondeada).

 

  • Proporciones específicas:

Llamamos a estas proporciones «específicas» porque no se corresponden con un tamaño «estándar», sino con proporciones que hemos elegido para personalizar al máximo el acabado de nuestras galerías de imágenes.

Pre_sentation_sans_titre.png

  • Tabletas y smartphones:

En cuanto al comportamiento y la apariencia de los bloques y en especial de las imágenes en smartphones y tabletas, hemos construido y adaptado nuestras soluciones para que se ajusten a los distintos soportes que utilices de forma inteligente (responsive design o diseño adaptativo).