Fotocabinas digitales
Ajustar o rellenar: por qué se recorta una cara en una tira de fotos
Un ejemplo paso a paso permite ver la diferencia entre las proporciones.
La fotografía puede ser afilada y todavía perder la parte superior de una cabeza cuando se coloca en una tira. El problema es a menudo la diferencia entre la forma de la imagen fuente y la ventana que se le ha pedido que llene.
Dos comportamientos útiles
MDN distingue la fijación de una imagen dentro de una caja desde cubrir la caja, que puede recortar partes de la imagen. Esos comportamientos son una manera útil de entender las previsiones de plantilla, incluso cuando el editor utiliza diferentes etiquetas.
Evidencia: Documentación técnica
Calcular un ejemplo
En nuestro ejemplo, una imagen de 600 por 400 debe cubrir un 300 por 300 cuadrado. Escalar su altura a 300 produce un ancho de 450. Un cultivo cuadrado centrado elimina 75 píxeles de cada lado de esa imagen escalada. Fijar la imagen completa deja espacio arriba y abajo. Ningún resultado es un fracaso; sirven diferentes prioridades.
Elige antes de componer
Si una cara o gesto se encuentra cerca de un borde, recortar una copia deliberadamente antes de añadirla al diseño, o elegir una ventana más cercana a la relación de aspecto original. Compruebe todos los marcos en la vista previa final. Una frontera que mira a la derecha alrededor de la primera foto puede ocultar un detalle importante en la cuarta.
Fuentes y lecturas complementarias
Fuentes para los hechos específicos y las descripciones de productos anteriores. Nuestros ejemplos, interpretaciones y sugerencias prácticas son la orientación editorial original.
- MDN — object-fitDocumentación técnica