Facebook: Maneiras de preservar a qualidade da imagem das imagens carregadas?

Após o upload de uma imagem, o Facebook a converte em uma nova imagem. Seu processo de conversão introduz artefatos e manchas nas partes magenta da imagem.

Imagem original:

Conversão do Facebook:

Existem maneiras de preservar a qualidade original dessa imagem e fazer com que a aparência da imagem no Facebook reflita mais a qualidade original?

Em resumo, o Facebook está convertendo sua imagem para o formato JPEG / JPG (Join Photographic Experts Group). Parece não haver uma maneira atual de fazer upload de imagens para usar como foto de perfil ou no seu álbum de fotos que o Facebook não converterá em JPEG.

... um método comum de compressão com perdas para fotografia digital (imagem). O grau de compactação pode ser ajustado, permitindo uma troca selecionável entre tamanho de armazenamento e qualidade de imagem

... Por outro lado, o JPEG pode não ser tão adequado para desenhos de linhas e outros gráficos textuais ou icônicos, onde os contrastes nítidos entre pixels adjacentes podem causar artefatos visíveis. Essas imagens podem ser salvas melhor em um formato gráfico sem perdas, como TIFF, GIF, PNG ou formato de imagem não processada.

http://en.wikipedia.org/wiki/Jpeg

Além disso:

O JPEG não é adequado para imagens com texto, grandes blocos de cores ou formas simples, porque as linhas nítidas serão borradas e as cores poderão mudar. http://graphicssoft.about.com/od/graphicformats/f/summary.htm

Sugestões:

A citação acima “JPEG não é adequado para imagens ... grandes blocos de cores” identifica seu problema. Em uma fotografia, as cores tendem a apresentar alguma variação e / ou sombreamento. O JPEG apresenta o que foi chamado de 'ruído', 'artefatos', 'manchas', etc.

Dica para salvar imagens JPEG: como JPEG é um formato de imagem com perda, tente preservar o máximo possível de dados desse tipo de imagem. Ao salvar uma imagem com blocos de cores no formato JPEG, o software deve oferecer uma opção para a qualidade da imagem. Geralmente, esse é um controle deslizante que você define para 100 para salvar a qualidade máxima dos dados.

Dica para o upload de imagens JPEG : Ao fazer o upload para o Facebook, marque o botão de opção: “Alta resolução (demora ~ 10x mais)”.

Solução mais fácil (converter a cor do bloco): tente converter a imagem em preto sólido. Isso geralmente diminui o efeito manchado (embora não elimine totalmente). Certas cores tendem a mostrar o efeito manchado, em vez do preto, você pode tentar outras cores e ver se o efeito manchado é menos perceptível.

Solução mais avançada 1 (introduza textura via ruído na cor sólida): O problema é que o JPEG não lida bem com cores sólidas. Uma solução seria tornar a cor menos sólida. Uma maneira padrão de fazer isso é usar o filtro de ruído no seu programa de edição de imagens. O ruído pode introduzir novas cores vibrantes. Por esse motivo, os filtros de ruído geralmente têm uma maneira de proteger a tonalidade, ou é possível diminuir a 'saturação de cores', ou algo assim. Esta etapa de um tutorial do Photoshop mostra a caixa de diálogo Adicionar ruído, que usa uma configuração monocromática para preservar a tonalidade. Pessoalmente, tenho tendência para gaussiano, mas tente as duas configurações para ver qual produz melhores resultados.

Solução mais avançada 2 (introduza textura na cor sólida): a maioria dos programas de edição de imagem possui filtros que podem alterar as imagens. Alguns filtros 'artísticos' fazem isso. O objetivo aqui é quebrar cores sólidas para que as imperfeições do JPEG não sejam perceptíveis ou desagradáveis.

Aqui está um artigo exatamente sobre o seu problema. Também estou tendo esse problema. Espero que isto ajude!

O Facebook usa uma jpgcompactação de baixa qualidade, para que todas as cores sólidas acabem parecendo muito pixelizadas. A solução é adicionar imagens com o dobro do tamanho com ruído.

Tendo o mesmo problema com um texto em branco sobre fundo vermelho sólido. Minha solução foi substituir o vermelho sólido por um gradiente de vermelho. Depois, adicionei também um filtro de ruído (ou filtro de grãos (7) na galeria de filtros)) no Photoshop. A melhoria foi muito perceptível e o resultado foi perfeito. No anexo, você pode ver o resultado original e final.

Na central de ajuda do Facebook :

Como posso garantir que minhas fotos sejam exibidas com a maior qualidade possível?

Para evitar a compactação ao enviar sua foto de capa, verifique se o tamanho do arquivo está abaixo de 100 KB.

Se você usar imagens com grandes superfícies de tom - especialmente cores vermelhas -, poderá adicionar ruído à imagem. Isso fará com que a imagem pareça muito melhor. Se você usa o Photoshop, adicione 2-3 vezes 4 ruídos monocromáticos gaussianos. Você não notará a pixelização ... tanto.

FAÇA SUA ILUMINAÇÃO FOTOGRÁFICA PARA REDUZIR O CONTRASTE

Eu tentei TUDO (adicionando ruído, aumentando a qualidade, diminuindo a qualidade, alterando as dimensões). A única coisa que funcionou é aumentar o brilho / luminosidade da foto. Eu estava tendo problemas com o banner desta página: (Alto contraste entre cores fortes e texto em branco) https://www.facebook.com/pages/UMass-Board-of-Entrepreneurship/533534090049983# Se você clicar na foto da capa , verifique o atual e o anterior.

No Photoshop: Imagem> Ajustes> Matiz / Saturação , levantei a barra " Luminosidade ". Tudo o que realmente fez foi diminuir o contraste . Isso parece ter ajudado - o artefato ainda estava lá, mas é menos perceptível.

BTW, eu fiz "Salvar como / para a Web" em PNG-8. Eu acho que isso é menos importante.

BOA SORTE

Eu não sei como colocar isso. Porque não quero que pareça outro vínculo comercial com um produto que se deseja vender.

Nos últimos anos, tenho visto muitas reclamações de usuários sobre a qualidade da foto degradada quando carregadas no Facebook. Como fotógrafo, devo dizer que tenho passado muito tempo analisando os algoritmos de compactação e como preparar uma foto para obter melhores resultados no Facebook. Pessoalmente, concordo com a política do Facebook em relação à "qualidade versus largura de banda". Se você estiver em uma parte do mundo em que a largura de banda não é um problema, quase não consegue imaginar o que seria recuperar a velocidade do modem antigo. E ainda é esse o caso de muitos usuários do FB.

No entanto, todos temos que admitir que o Facebook oferece uma grande visibilidade. Mas pode ser contra nós que a qualidade diminua tanto que a foto traga uma imagem ruim. Então comecei a pensar em um projeto que permitiria aos usuários fazer upload de fotos com um texto personalizado e uma legenda, incluindo um URL para a mesma foto em um site que ofereça maior qualidade, como Flickr, 500px, 1x etc. desenvolvimento em um plugin que nos permite basicamente fazer o seguinte:

1. Carregue as fotos com maior qualidade no Flickr.
2. Carregue as fotos no Facebook.
3. Adicione a legenda do usuário ao Facebook, juntamente com um URL direto para a foto do Flickr.

Se você é alguém que carrega uma foto por vez, não leia mais. Você pode fazer isso manualmente. Mas e se você estiver carregando muitas fotos no momento?

Este plug-in do Lightroom faz o trabalho para você. Para mais detalhes e instruções de instalação, consulte aqui: http://shootix.net/plugins

Agradeço seu feedback gentil e construtivo. Se você não gosta do Lightroom, não faz sentido criticá-lo aqui, não posso evitar.

Um exemplo às vezes vale mais que mil palavras. Veja aqui o que ele pode fornecer como resultado: https://www.facebook.com/media/set/?set=a.693119124077489.1073741836.171298276259579&type=1

Regra número um..

Não economize na qualidade do formato.

Isso significa .. Não pegue um GIF, salve-o novamente como JPEG, salve-o como PNG e pense que você terá uma imagem de alta qualidade. Tudo o que você tem é uma versão K maior desse GIF original. Reduzir a amostragem é o caminho a percorrer. Upsampling raramente funciona muito bem.

Sugiro que você mantenha todas as suas fotos originais como PNGs e salve a partir daí para o formato correto que pareça adequado ao assunto.

Estas são as minhas sugestões.

John

Facebook: fotos da capa size = W:851px x H:315px, e tem que estar abaixo 100Kb. Isso vai ajudar!