Cabines digitais
Ajustar ou preencher: por que um rosto é cortado na tira de fotos
Um exemplo prático mostra a diferença entre as proporções.
A fotografia pode ser afiada e ainda perder o topo de uma cabeça quando colocado em uma tira. O problema é muitas vezes a diferença entre a forma da imagem fonte e a janela que foi pedido para preencher.
Dois comportamentos úteis.
MDN distingue uma imagem dentro de uma caixa de cobrir a caixa, que pode cortar partes da imagem. Esses comportamentos são uma maneira útil de entender pré-visualizações de modelos, mesmo quando o editor usa rótulos diferentes.
Evidência: Documentação técnica
Calcule um exemplo
Em nosso exemplo, uma imagem de 600 por 400 deve cobrir 300 por 300 quadrados. Escalar sua altura para 300 produz uma largura de 450. Uma cultura quadrada central remove 75 pixels de cada lado da imagem em escala. Encaixar a imagem completa deixa espaço acima e abaixo. Nenhum resultado é um fracasso, eles servem prioridades diferentes.
Escolha antes de compor.
Se um rosto ou gesto estiver perto de uma borda, corte uma cópia deliberadamente antes de adicioná-la ao layout, ou escolha uma janela mais próxima da proporção de aspecto original. Verifique todos os quadros na pré-visualização final. Uma fronteira que olha ao redor da primeira foto pode esconder um detalhe importante no quarto.
Fontes e leituras complementares
Fontes para os fatos específicos e descrições de produtos acima. Nossos exemplos trabalhados, interpretações e sugestões práticas são orientações editoriais originais.
- MDN — object-fitDocumentação técnica