Cabines digitais
Coloque uma tira de foto em uma tela vertical.
Um exemplo de composição mantém a sequência visível em uma imagem vertical.
Uma faixa estreita e uma imagem social alta não são da mesma forma. Dar à tira uma tela ao redor pode preservar suas proporções enquanto deixa espaço para uma legenda legível.
Defina o posicionamento
Nosso exemplo usa uma tela de 1080 em 1920 e uma tira de 600 por 1800 pixels. Deixando 120 pixels acima e abaixo dá 1680 pixels de altura. Escalando-o proporcionalmente faz sua largura 560 pixels, deixando 260 pixels de ambos os lados quando centrado. Isso é aritmética de layout, não a especificação de upload atual de uma plataforma.
Verifique o destino real.
Antes de publicar, inspecione as atuais plantações e áreas de sobreposição do destino. Não coloque um nome onde uma etiqueta de perfil ou controle o cubra. Mantenha uma tira não cortada fora da composição. A distinção da MDN explica porque preencher uma nova forma pode remover bordas.
Evidência: Documentação técnica
Faça a sequência legível.
Reveja os quatro rostos do tamanho que o público verá. Se ficarem muito pequenos, use um enquadramento mais próximo ou um design mais simples. Evite ampliar a mesma fonte de baixa resolução apenas para encontrar um tamanho de tela. Guarde uma versão separada para impressão, onde diferentes dimensões podem ser apropriadas.
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