PhotoShop

Como criar a imagem de melhor qualidade para o seu feed

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.

Loading...

Imagens do feed do Twitter

O Twitter nos deu estas diretrizes:

diretrizes do twitterdiretrizes do twitterdiretrizes do twitter
Diretrizes do Twitter

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!

imagem de exemploimagem de exemploimagem de exemplo
Nossa imagem de exemplo

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:

imagens após compressão do twitterimagens após compressão do twitterimagens após compressão do twitter
Imagens após a compressão do Twitter

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:

cabeçalho de testecabeçalho de testecabeçalho de teste
cabeçalho de 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.

cabeçalho do twitter de alta resoluçãocabeçalho do twitter de alta resoluçãocabeçalho do twitter de alta resolução
Cabeçalho do Twitter de alta resolução

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:

Loading...
depois de salvardepois de salvardepois de salvar
A compactação após salvar foi muito ruim.

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

Tamanho recomendado do cabeçalho do TwitterTamanho recomendado do cabeçalho do TwitterTamanho recomendado do cabeçalho do Twitter
Tamanho de cabeçalho recomendado pelo Twitter

Está cortado como o outro, mas a compressão não é tão ruim. Aqui estão as comparações lado a lado:

comparações a 100comparações a 100comparações a 100
Comparações de um tamanho grande e o tamanho recomendado do Twitter em 100%

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:

Loading...
Proporção de cabeçalho do Twitter dobrouProporção de cabeçalho do Twitter dobrouProporção de cabeçalho do Twitter dobrou
Tentei duplicar a recomendação do twitter, 3000 x 1500px

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

    Loading...

    Mary Gardiner



Fonte

Artigos relacionados

Deixe um comentário

O seu endereço de e-mail não será publicado.

Botão Voltar ao topo
Fechar