Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

Using focal points to center images

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.

Images with focal points

You can adjust the focal point for most images.

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

  • Bloques de imágenes
  • Secciones de Galería
  • Imágenes en miniatura
  • Imágenes de fondo de sección

In version 7.0, you can adjust the focal point for:

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

Focal points aren't optimized for:

  • 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.

Set the focal point

  1. Open the block, section, or image.
  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 miniatura de página, pero el proceso es similar para todos los puntos focales.

The_focal_point_in_the_center_of_the_image.png

  1. Click and drag the focal point to set the central focus area.

The_focal_point_moved_to_the_top_of_the_image.png

The area set by the focal point now appears as the center of your image. The new focal point automatically saves in the new position, even if you don't click Save.

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

Image size and shape

The height and width of your image, and the shape of the container that it's filling, have a big impact on how much of an effect the focal point has.

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.

landscape image in square container

On the other hand, if your image's container and the original image are the same basic shape and size, moving the focal point won't make a big difference.

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

landscape image in landscape container

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

If your image looks fuzzy or distorted:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 52 de 115