Problema con resolución de imágenes en página hecha con Elementor  

Hola Juan Manuel, 

Cuál es la imagen que no se muestra de forma correcta, actualmente solo veo la siguiente

De manera general ten en cuenta que cuando subes una imagen con Elementor puedes seleccionar que resolución tiene o seleccionar el tamaño completo, la cual es la que suelo usar

Un Saludo

Hola @karen,

La imagen a la que me refiero es esa que ves, que es una foto mía. Lo que ocurre es que cuando veo esa página ya sea en el móvil o en el laptop y hago un poco de zoom para ver mejor la cara, la foto sale borrosa. Lo que me gustaría es que la foto tuviera la suficiente resolución como para que al hacer zoom se pueda ver la foto con claridad.

Veo que la resolución que me puso en su momento la persona que hizo esta página es "personalizado - 200X200" (te adjunto captura de pantalla). Pero si cambio a la resolución que tú me dices (lleno), la foto se reduce un poco en tamaño y gana un poco en claridad, pero sigue sin estar del todo nítida (adjunto captura).

Quizá haya un problema en la carga de la foto en la librería de medios del Wordpress que reduzca la resolución de la foto (la que cargo de es alta resolución) o en que Elementor reduzca la resolución. ¿A ti qué te parece?

Gracias.

Hola Juan Manuel, 

Prueba ajustar la imagen a una resolución de lleno y un ancho de 100%

Verifica luego si con ello la imagen se muestra como necesitas sal hacer zoom.

Un saludo

Hola @karen,

Ya he hecho lo que me dices y al poner la resolución de "lleno" mejora un poquito (como ocurría antes) pero lo del ancho 100% no tiene ningún efecto. Al hacer zoom la imagen sigue sin nitidez. Te mando captura.

Hola Juan Manuel,

Revisando tu sitio web desde el inspector de elementos puedo apreciar que se esta estipulando un ancho definido a la imagen de 150px por medio de estilos CSS 

Si lo removemos se ve considerablemente mejor la imagen y supongo que es lo que deseas lograr

Valida si no estas aplicando anchos absolutos a la imagen tal como te ha mostrado mi compañera en comentarios anteriores, si el comportamiento persiste podemos "Forzar" a que se vea como queremos por medio de estilos CSS, desde Apariencia -> Personalizar -> CSS agregado

.elementor-34 .elementor-element.elementor-element-4550f948 img {
width: auto !important;
}

Saludos!

Muchas gracias Bruno.

Ya hice la prueba que me sugirió Karen de aplicar el formato "lleno" a la imagen y mejora un poquito pero aún así la foto se ve borrosa cuando se hace zoom en la página.

Con respecto a lo de "forzar" que se vea con más resolución por medio de los estilos CSS, lo que me preocupa es que eso pueda afectar a la web (campus.riquezavital.com) en la que tengo aparte de esta landing los contenidos de un curso con Tutor LMS. Yo la verdad es que no entiendo de esto y tampoco sabría cómo introducir ese código que me proporcionas.

Un abrazo.

Juan Manuel

Hola Juan Manuel.

El código solo afecta a la instalación del dominio campus.relanzatuvidaprofesional.com y ademas solo a ese elemento ya que utiliza el id de ese elemento .elementor-element-4550f948

tampoco sabría cómo introducir ese código que me proporcionas.

Tienes que añadirlo en Apariencia -> Personalizar -> CSS Adicional.

Un Saludo