Compressão de JPEG no Facebook: Como melhorar a qualidade das suas fotos da linha do tempo
() translation by (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:



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:



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:



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:



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



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



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:






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.