Seguro que alguna vez has subido una imagen a tu web y ha aparecido recortada de forma extraña.

Quizá se veía bien en escritorio, pero en móvil cortaba justo la parte importante.

Squarespace permite ajustar el punto focal para indicar qué zona de la imagen debe mantenerse visible cuando el diseño recorta o adapta la fotografía.

Qué es el punto focal

El punto focal es una referencia visual.

Squarespace usa ese punto para decidir cómo centrar una imagen cuando tiene que recortarla en distintos formatos.

Es especialmente útil en diseños responsive, donde la misma imagen puede mostrarse en proporciones distintas según el dispositivo.

Cómo establecer el punto focal

Al añadir un bloque de imagen en Squarespace, verás un pequeño círculo sobre la imagen.

Ese círculo es el punto focal.

Solo tienes que hacer clic sobre él y arrastrarlo hacia la zona que te interesa conservar en caso de recorte.

Por ejemplo:

  • Un rostro.
  • Un producto.
  • Un logotipo.
  • Un detalle importante.
  • El centro visual de una escena.

Después guardas los cambios y revisas la imagen en escritorio y móvil.

Por qué conviene usarlo

El punto focal no sustituye a una buena elección de imagen, pero evita muchos recortes incómodos.

También ayuda a mantener una web más cuidada visualmente sin tener que subir versiones distintas de la misma imagen para cada dispositivo.

Si trabajas mucho con imágenes, conviene combinar este ajuste con buenas prácticas de optimización de imágenes y atributo ALT.

Si quieres revisar imágenes, diseño responsive o pequeños ajustes visuales de tu web en Squarespace, puedes escribirme a ajra@ajra.es.