Cómo usar los puntos focales para centrar las imágenes

Controla cómo se centra una imagen estableciendo manualmente el punto de enfoque.

Última actualización: 3 de enero de 2025

Muchas áreas de imagen del sitio tienen una función de centrado integrada denominada punto focal, la cual establece el foco de una imagen y te permite controlar dónde está centrada.

Imágenes con puntos focales

Puedes ajustar el punto focal para la mayoría de las imágenes.

En la versión 7.1, puedes ajustar el punto focal para:

  • Bloques de imágenes
  • Secciones de galería
  • Imágenes destacadas
  • Imágenes de fondo de sección

En la versión 7.0, puedes ajustar el punto focal de:

  • Bloques de imágenes
  • Bloques de Galería
  • Páginas de Galería
  • Imágenes destacadas
  • La mayoría de imágenes de banner

Nota

No es posible editar el punto focal de una imagen destacada de un producto. Para obtener más información,consulta Cambiar la imagen destacada de un producto.

Los puntos focales no están optimizados para:

  • Imágenes de fondo en la versión 7.0 subidas en Estilos del sitio. Estas imágenes no tienen puntos focales. Para ajustar el enfoque y el recorte, utiliza los retoques Posición y Tamaño de Estilos del sitio.
  • Imágenes con desplazamiento en paralelo: estas imágenes tienen puntos focales. Sin embargo, debido a cómo funciona el desplazamiento en paralelo, es posible que los cambios no afecten de manera notable la posición, especialmente en el caso de imágenes cortas y anchas.
  • Videos en cualquier área de tu sitio.

Consejo

Puedes recortar y cambiar el tamaño de las imágenes utilizando otras herramientas integradas.

Definir el punto focal

  1. Abre el bloque, la sección o la imagen.
  2. Desplaza el cursor sobre la imagen para mostrar el punto focal, que parece un círculo pequeño. En este ejemplo se utiliza una imagen destacada de página, pero el proceso es similar para todos los puntos focales.
The_focal_point_in_the_center_of_the_image.png
  1. Haz clic y arrastra el punto focal para establecer el área de enfoque central.
The_focal_point_moved_to_the_top_of_the_image.png

El área establecida por el punto focal ahora aparece como el centro de la imagen. El nuevo punto focal se guarda automáticamente en la nueva posición, incluso si no haces clic en Guardar.

Consejo

para algunas imágenes, el punto focal puede saltar al centro de la imagen si intentas establecerla muy cerca del centro. Esto es normal y solo ocurre cuando el movimiento desde el centro no haría ninguna diferencia visual.

Más ayuda

Tamaño y forma de la imagen

La altura y el ancho de la imagen, y la forma del contenedor que está llenando, influyen en gran medida en el efecto que tiene el punto focal.

Por ejemplo, si agregas una imagen con orientación horizontal a un bloque de imagen que está configurado para aparecer como un cuadrado, cualquier cambio horizontal que realices en el punto focal marcará una gran diferencia. La imagen es más ancha que el contenedor, por lo que hay espacio a ambos lados para que se vuelva a centrar.

imagen apaisada en un contenedor cuadrado

Por otro lado, si el contenedor de la imagen y la imagen original tienen la misma forma y tamaño básicos, mover el punto focal no hará una gran diferencia.

Consejo

Para ajustar la altura del contenedor de los bloques de imagen, utiliza el controlador de recorte.

imagen apaisada en un contenedor apaisado

Imágenes de la galería

  • Puedes ajustar el punto focal en la página principal de galería o en el editor de la sección de galería. Para realizar cambios precisos, usa el editor de imágenes.
  • En la versión 7.0, si configuraste un bloque de galería para extraer imágenes de una página de galería, realiza cambios en el punto focal dentro de la página de galería.

Visualización de imágenes

Si la imagen se ve borrosa o distorsionada:

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.