Punto focal en imágenes
Elegí qué parte de cada imagen tiene que verse siempre, en cualquier pantalla.
Cuando una imagen tiene que llenar un espacio con otra proporción, Grid la recorta para que no se deforme. El problema es que el recorte se hace desde el centro, y a veces justo lo más importante de la foto queda afuera: una cara, un producto, una mano.
Con el punto focal le indicás a Grid qué parte de la imagen tiene que verse siempre. El recorte se acomoda a ese punto en computadora, tablet y celular.
Marcá el punto con un clic
En este ejemplo, la foto vertical de la tablet le corta la mano a la persona. Al marcar el punto focal sobre la mano, el recorte se corre y la mano vuelve a quedar dentro del cuadro.
- Seleccioná la imagen en el lienzo.
- En Estilos → Imagen, tocá Punto de foco.
- Hacé clic sobre la parte de la foto que no se puede perder.
- Tocá Guardar.
¿No ves el botón? El punto focal aparece cuando el Ajuste de la imagen está en Cubrir, que es la opción que la recorta para llenar su espacio. Con Ajustar, la imagen se muestra completa y no hay nada que recortar.
Siempre a la vista, en cualquier pantalla
Cada dispositivo muestra la imagen con un tamaño y una proporción distintos, así que el recorte cambia. Con el punto focal marcado, no tenés que revisar pantalla por pantalla: lo importante queda dentro del cuadro en todas.
Como cualquier estilo en Grid, el punto focal también se puede ajustar por dispositivo. Si lo marcás en la vista de computadora se usa en todas las pantallas; si lo marcás en tablet o en celular, se aplica desde ese tamaño hacia abajo.
Para qué sirve
- Retratos y fotos de equipo: que nunca se corte una cara.
- Productos: que el producto quede en el centro de la escena aunque la foto sea muy ancha.
- Portadas con texto encima: correr el foco para que el sujeto no quede debajo del título.
Tip: combinalo con las máscaras de imagen para decidir qué parte de la foto queda dentro de la forma.
Control total sobre cada elemento, en cualquier dispositivo
Cambiá entre las vistas de computadora, tablet y celular para definir estilos específicos y asegurarte de que tu diseño se adapte a cada pantalla.
¿Qué hay de nuevo en Grid?
Estamos constantemente trabajando en mejoras y nuevas herramientas.
