Redimensionar Imagem para o Banner do X e do Twitter

O Que uma Faixa 3:1 Faz com uma Fotografia

Um banner de perfil tem 1500 pixels de largura e 500 de altura, ou seja, três para um. Quase nada é fotografado em três para um. Sensores de câmera são 3:2, celulares fotografam em 4:3, e qualquer coisa já recortada para um feed é quadrada ou mais alta que larga, então toda imagem que chega aqui tem que entregar a maior parte da altura ou gastar a maior parte do banner com fundo. Esse é o problema inteiro, e é melhor encará-lo antes de enviar do que depois. Os números, para as formas que as pessoas de fato têm. Um arquivo de câmera de 6000 x 4000 é 3:2, e preencher o banner mantém exatamente metade da altura dele. Uma foto de celular de 4032 x 3024 tirada de lado mantém 44 por cento. O mesmo celular na vertical mantém 25 por cento. Uma exportação quadrada mantém um terço. Em todos esses casos a faixa sobrevivente é tirada do meio na vertical, porque nada aqui sabe onde está o assunto - então um horizonte a dois terços da altura do quadro, ou um rosto no terço inferior, é exatamente a composição que sai errada. Manter a imagem inteira vira cada um desses números pelo avesso, transformando-os em fundo: a foto vertical vira uma imagem de 375 pixels com 562 pixels de cor chapada de cada lado. Algumas imagens aguentam bem isso. Uma paisagem com um horizonte largo, uma textura, um padrão que se repete, uma fileira comprida de qualquer coisa, uma foto tirada de propósito com ar dos dois lados - essas abrem mão de altura que nunca estava carregando a imagem. Um retrato único, um close ou uma arte composta dentro de um quadrado não abrem, e nenhum ajuste de encaixe as salva. Quando a imagem importa, corte uma faixa 3:1 dela à mão com a ferramenta de recorte deste site, escolhendo qual faixa sobrevive, e depois traga isso para cá para chegar exatamente em 1500 x 500. A resolução raramente é o que te trava, já que 1500 pixels de largura é menos do que quase todo celular ou câmera produz e a maioria das origens encolhe em vez de esticar. A exceção é uma faixa cortada de algo já pequeno: uma tira tirada de uma captura de tela de 1080 pixels de largura precisa ser ampliada cerca de 1,4 vez para alcançar 1500, e a linha de resultado nomeia esse fator em vez de aplicá-lo em silêncio. Sobre peso e formato, o envio aceita JPEG, PNG e GIF e para em 2 MB, um teto do qual uma fotografia de 1500 x 500 nunca chega perto - algumas centenas de kilobytes é o normal. Como em todo o site, o redimensionamento e o recorte rodam no elemento canvas dentro do seu próprio navegador, e nenhuma cópia da imagem é enviada a um servidor.