Problemas con el tamaño de las imágenes en Elementor

Hola Titán,

Puede que en el momento de trabajar con las imágenes con Elementor te puedan surgir varias dudas en cuanto a elegir el tamaño de éstas.

Lo primero que necesito que entiendas es que no hay un tamaño exacto en pixels o centímetros correctos para que subas tu imagen para maquetar la página en cuestión.

Si que es importante saber que mientras menos pese la imagen, mejor para la velocidad de carga de tu web. Por ejemplo, no se te ocurra subir una imagen de tamaño en peso de 5 megas... (si necesitas ayuda para optimizar las imágenes que subas puedes comprimir las imágenes con Photoshop o utilizar el plugin de Smush it). Aparte de esto que te comento, sin duda te recomiendo que te pases por los principios básicos que hay que tener en cuenta sobre las imágenes AQUÍ.

Después de esta primera parte y dependiendo de lo que quieras hacer tendrás varias opciones para implementar correctamente las imágenes en Elementor, ya sean a nivel de:

1. Secciones
2. Columnas 
3. Imágenes

Si añades una fotografía como fondo de una sección o columna, o incorporas el widget de "imagen", tendrás que jugar con las distintas opciones de ajustes de cada elemento. Veamos las opciones:

Caso 1: Añadir imagen como fondo de una sección

Aquí lo mejor es establecer un alto determinado para la sección, ya que normalmente las imágenes que vayamos a poner de fondo sean de tamaño rectangular, con un ancho más grande que el alto. Y luego establecer en los ajustes de la imagen " Estilo", en el apartado "Fondo", le pongas la opción "Abarcar" y "No repetir" para que quede ajustada correctamente.

Este post oficial de Elementor te puede ayudar para complementar: https://docs.elementor.com/article/190-change-background-image

Caso 2: Añadir imagen como fondo de una columna

Esto es prácticamente igual que en el caso de la sección, sólo que la imagen la añades de fondo en la columna, eso sí, ten en cuenta, que normalmente las imágenes serán más bien rectangulares, donde el alto de la foto será más grande que el ancho.

Caso 3: Añadir imagen con el widget

Por último, puedes añadir una imagen dentro de una sección o columna con el widget "Imagen" del propio maquetador. En este caso el tamaño de la imagen será tal y como lo subas a WordPress, aunque también puedes personalizar con Elementor y establecer unas medidas concretas.

Para profundizar más, te dejo este otro post oficial de Elementor: https://docs.elementor.com/article/112-image

Por último, en este artículo tienes todo lo relacionado con las imágenes de fondo para trabajar con Elementor: https://elementor.com/blog/website-background-images/

Espero que te sirva,

Un abrazo!