Si tus imágenes se ven bien en el escritorio pero aparecen recortadas en el móvil, normalmente se debe a la adaptación automática a diferentes tamaños de pantalla. Puedes ajustar el área visible directamente en el editor y mejorar el resultado fácilmente.
¿Por qué ocurre esto?
Jimdo utiliza un diseño adaptable que ajusta automáticamente el contenido a diferentes tamaños de pantalla. Cuando una imagen se usa como fondo o en una sección de ancho completo, se recorta para encajar en pantallas más pequeñas.
Este comportamiento es normal. La imagen no está dañada, simplemente se muestra de forma diferente que en el escritorio.
Las causas más comunes:
- La imagen se utiliza como fondo de una sección y no como un elemento de imagen independiente
- La imagen tiene un formato vertical que no se adapta bien a una vista móvil horizontal
- La parte importante de la imagen está cerca de los bordes y puede recortarse en pantallas pequeñas
Ajustar el recorte de una imagen
Puedes controlar qué parte de la imagen permanece visible definiendo un punto focal directamente en el editor.
- Inicia sesión en tu cuenta de Jimdo y selecciona la página web que quieres editar
- Abre el editor a través de Editar página web
- Selecciona la imagen que quieres ajustar
- Abre la opción Definir punto focal
- Define qué parte de la imagen debe permanecer visible seleccionando el área o moviendo el punto focal mientras mantienes pulsado el botón del ratón
- Haz clic fuera de la imagen para aplicar los cambios
Consejo: Coloca el punto focal en el centro del elemento principal, por ejemplo una cara o un logotipo, para que siempre permanezca visible.
Consejos para elegir imágenes adecuadas en móvil
- Para imágenes con texto, logotipos o en formato vertical, utiliza un bloque About. Estos bloques escalan la imagen en lugar de recortarla, por lo que se muestra completa
- Utiliza imágenes en formato horizontal para fondos de secciones, ya que las imágenes verticales se recortan más en móvil
- Evita colocar texto, logotipos u otra información importante directamente dentro de las imágenes. Usa los elementos de texto del bloque para asegurar la legibilidad
- Utiliza la vista previa móvil en el editor antes de publicar para comprobar el resultado
¿Sigue viéndose mal?
Si después de ajustar el punto focal la imagen sigue sin verse correctamente en móvil, prueba lo siguiente:
- Sustituye la imagen por otra con un formato más horizontal
- Utiliza un color sólido o un degradado como fondo en lugar de una imagen