Para imagens em seu feed, o Twitter não parece nos restringir tanto quanto o Facebook, então postar uma imagem de qualidade decente em um feed deve ser relativamente fácil, certo? Bem, é mais complicado do que você pensa. Esta dica rápida visa exibir seus arquivos JPEG com a melhor luz possível.
Imagens do feed do Twitter
O Twitter nos deu estas diretrizes:
estamos focando em jpeg nesta Dica Rápida para que todos os exemplos estejam nesse formato. Parece que com um limite de 5 MB já temos muito mais para jogar do que o Facebook. Mas isso é necessariamente assim? O Twitter pode compactar um arquivo de 5 MB no mesmo nível de um arquivo de 3 MB ou 1 MB com diferentes estados de distorção. Então vamos descobrir!
Carreguei três versões do meu exemplo acima no meu feed do Twitter; a 3000px (4,2 MB), um arquivo 2000px (2,2 MB) e um arquivo 1000px (734kb) arquivo. Assim surgiram:
Salvei cada imagem que o Twitter havia redimensionado automaticamente para 600px (você só pode salvar a visualização, mas consegui capturar a versão de visualização completa que você vê acima) e notei que os tamanhos dos arquivos eram muito interessantes.
o 3000px 4,2 MB a imagem saiu em 47,2kba 2000px 2,2 MB dentro
47,5kb e ele 1000px 734kb dentro 52,4kb. Assim, a imagem maior foi reduzida ao tamanho menor. Interessante quando você olha para a compressão em cada um. A imagem maior tem alguns artefatos de compressão, mas também perdeu muito de sua nitidez em toda a imagem. O menor tamanho de arquivo agora é o maior, mas a compactação é muito pronunciada nos contornos das pessoas.
Como no caso do Facebook, parece que imagens maiores parecem melhores; mas não muito grande. Na minha própria experiência, em algum lugar ao redor 1500-2000px está correto e se você pode reduzir o tamanho do arquivo com o Adobe Photoshop salvar para web então opção muito melhor.
fotos de cabeçalho
Este é o meu exemplo:
Carregar uma imagem de alta resolução
Eu tentei isso pela primeira vez em resolução muito alta, 5000px
largura e 8 MB: o máximo que o Twitter permitirá é 10 MB.
Isso soou muito bem para mim. Está um pouco cortada, mas como era uma imagem de alta resolução, está tudo bem. Você pode ver que há muito pouca compressão visível aqui.
Eu era muito arrogante, até clicar em salvar:
A compactação aconteceu depois de salvar a boa imagem. Agora você pode ver a compressão ao redor das bordas e uma perda geral de nitidez
Então, o que acontece se enviarmos a mesma coisa, mas depois de redimensioná-la para os 1500 x 500px recomendados pelo Twitter?
Carregamento de imagem de tamanho recomendado do Twitter
Está cortado como o outro, mas a compressão não é tão ruim. Aqui estão as comparações lado a lado:
Você pode ver a perda de definição em ambos, mas o da esquerda é muito pior, com distorção bastante visível, especialmente ao redor da escrita na nave.
E sim…
O guia do Twitter claramente funcionou melhor do que uma imagem em tamanho real, mas eu estava pensando; E se eu pegar seu tamanho, manter a mesma proporção, mas dobrar o tamanho? eu criei um 3000px por 1000px imagem e tentei isso:
AHA! Isso parece muito melhor para mim; Ainda há sinais de compressão, mas você pode ver na visualização de 100% no canto, a escrita na nave é muito mais clara e as bordas dos objetos têm artefatos muito menos visíveis.
Retomar
Os sites de terceiros sempre comprimirão nossas imagens, apenas temos que encontrar a melhor maneira possível de exibi-las com essas restrições. Suas diretrizes estão lá por um motivo, mas isso não quer dizer que jogar não lhe dará melhores resultados.
Obtenha os melhores resultados para imagens de feed
- Carregue um tamanho grande (mais ou menos), idealmente entre 1500px-2000px
- Economize com a mais alta qualidade possível
- Reduza o tamanho do arquivo com Save For Web
Obtenha os melhores resultados para imagens de capa.
- 3000px por 1000px funcionou bem para mim
- Deve ter menos de 10 MB.
- Ele será cortado, mas os resultados serão muito melhores do que redimensionar para os 1500px por 500px recomendados
Veja também
O Facebook também comprime suas imagens. Ontem vimos como obter os melhores resultados para sua linha do tempo.
pós-processamento
Compressão JPEG do Facebook: Como obter a melhor qualidade de imagem em sua linha do tempo
Mary Gardiner
