Advertisement
  1. Photo & Video
  2. Post-Processing

Compressão de JPEG no Facebook: Como melhorar a qualidade das suas fotos da linha do tempo

by
Read Time:3 minsLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Portuguese (Português) translation by Larissa Gouarte (you can also view the original English article)

Todos nós já passamos por isso, publicar uma foto que parecia maravilhosa no programa de edição de fotos, mas se decepcionar com a qualidade horrível quando publicada no Facebook. Nessa dica rápida, vamos te ajudar a obter o melhor resultado possível na qualidade das suas fotos quando for feito o upload.

Decifrando as Diretrizes

O Facebook nos deu essas orientações:

facebook guidelinesfacebook guidelinesfacebook guidelines
Diretrizes do Facebook sobre o upload de imagens

Então vamos ver o que funciona. Vamos começar com imagens normais.

Imagens comum na linha do tempo

O Facebook sugere que seja feito upload de imagens com tamanho de 720px, 960px ou 2048px para melhores resultados. Essa é a foto que vamos usar para nossa compração:

example pictureexample pictureexample picture
Imagem de exemplo para usar no Facebook

Vamos salvar a imagem em cada um dos tamanhos mencionados e publica-las; depois, salvar as versões compactadas do Facebook de volta para o computador.

A primeira coisa que podemos notar é a diferença de tamanho dos arquivos. Se formos passar por cada um, nos perderemos nos números então vamos pegar a largura média; 960px, começamos com o arquivo de 523kb e com o que foi salvo de volta Facebook de 86,9kb então já sabemos que a compressão vai ser drástica.

Aqui estão todos os três tamanhos em 100% depois do upload no Facebook:

facebook compression comparisonfacebook compression comparisonfacebook compression comparison
Comparação entre as três larguras sugeridas para usar no Facebook

Podemos observar distorção nas três imagens, principalmente ao redor do topo da ponte, então vamos focar nessa parte para fins de demonstração. A imagem maior (no lado superior esquerdo) tem menos sinais de compressão e a maioria das pessoas não olhariam a imagem tão perto, o que torna ainda menos perceptível, ao contrário do 720px que é o tamanho máximo que pode chegar.

Tentamos os mesmos tamanhos de arquivos em PNG ao invés de JPEG e tivemos resultados semelhantes. É interessante notar que o PNG cria um tamanho de arquivo maior e o Facebook vai acabar cortando (um pouco mais sobre isso mais a frente). A única vez que o PNG faz uma diferença real com imagens no Facebook é se elas incluem texto, uma imagem com um logotipo, por exemplo.

Fotos de capa

Essa é a foto que vamos usar para a capa:

example cover photoexample cover photoexample cover photo
Exemplo de foto de capa

Se tentássemos fazer o upload dessa imagem no tamanho real (mais ou menos 7000px de largura), isso aconteceria:

facebook cover with compressionfacebook cover with compressionfacebook cover with compression
Capa do Facebook com a foto em tamanho real

Nem um pouco legal. O Facebook recomenda diminuir o tamanho para 852 x 315, vamos tentar:

facebook cover with resized photofacebook cover with resized photofacebook cover with resized photo
Foto de capa para Facebook com o tamanho redimensionado, mas ainda acima de 100kb

Melhor, mas ainda tem bastante distorção, principalmente em torno do pássaro. Essa imagem é ainda tem quase 300kb e o Facebook recomenda até 100kb. Dessa vez, vamos salvar a imagem clicando em Arquivo > Salvar para a Web (Ctrl+Shift+Alt+S) no Adobe Photoshop e ajustar a Qualidade para menos de 100kb na imagem final:

save for websave for websave for web
Utilize a opção Salvar para Web para conseguir menos de 100kb
facebook cover under 100kb and resizedfacebook cover under 100kb and resizedfacebook cover under 100kb and resized
Capa com tamanho 851 x 135 e salva abaixo de 100kb

Como você pode ver, o resultado ficou melhor ainda. Em alguns casos, para fotos de capa, o resultado fica melhor usando PNG ao invés de JPEG, mas como mencionado anteriormente, é mais difícil de manter o tamanho abaixo dos 100kb então tente as duas opções e veja qual funciona melhor para você.

Sumário

Aqui vão alguns pontos importantes para lembrar:

Para melhores resultados em imagens da Linha do Tempo:

  • Faça o upload em um tamanho grande
  • Salve na qualidade máxima
  • Use PNG para imagens com texto (logotipos)

Para melhores resultados em imagens de Capa

  • Redimensione para 851 x 315
  • Use a opção Salvar para Web para conseguir um tamanho menor que 100kb
  • Tente JPEG e PNG e veja qual fica melhor

As imagens são nunca vão ficar completamente sem compressão, a não ser que o Facebook mude algumas coisas, mas podemos fazer elas ficarem melhores com um alguns ajustes aqui e ali.

Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.