O conteúdo visual no Facebook gera duas a três vezes mais interação do que as publicações só de texto, mas essa vantagem só se concretiza quando os elementos visuais são feitos para a plataforma. Uma imagem que parece polida no ecrã de um computador pode aparecer cortada, desfocada ou sobrecarregada num feed de telemóvel. Um vídeo que funciona bem noutra plataforma pode ter mau desempenho no Facebook porque não foi formatado para a forma como o Facebook o distribui e apresenta. Acertar no conteúdo visual do Facebook tem menos a ver com talento de design e mais com perceber as restrições específicas do ambiente onde o conteúdo vai realmente ser visto.
Este artigo explica as especificações de imagem e vídeo que importam, os princípios de design que se traduzem em interação e as decisões de formato que afetam até onde o conteúdo chega.
Por que as especificações visuais do Facebook importam mais do que a maioria das marcas imagina
A maioria dos utilizadores está no telemóvel
Mais de 85 por cento dos utilizadores do Facebook acedem à plataforma num dispositivo móvel, o que significa que cada elemento visual que uma marca publica vai ser visto sobretudo num ecrã pequeno, na mão de alguém. Uma imagem desenhada com 1200 por 628 píxeis parece muito diferente num ecrã de telemóvel de 6 polegadas do que no software de design onde foi criada. O texto que parece legível no tamanho de computador pode tornar-se ilegível no tamanho de telemóvel. Fundos que parecem limpos num monitor grande podem parecer confusos quando comprimidos. Desenhar primeiro para o telemóvel e depois verificar como fica no computador produz melhores resultados do que o contrário.
O Facebook corta as imagens automaticamente
O Facebook aplica um corte automático às imagens consoante o sítio onde aparecem: no feed, na página, em pré-visualizações ou em anúncios. Uma imagem que não tem o tamanho certo para o local onde vai ser colocada será cortada de formas que a marca não pretendia, cortando rostos, removendo texto importante ou deixando a imagem visualmente desequilibrada. Perceber que dimensões se aplicam a cada local evita os problemas visuais mais comuns, a maioria invisível para a marca mas imediatamente evidente para quem vê a publicação no feed.
Especificações de imagem por local
Publicações no feed
As imagens quadradas de 1080 por 1080 píxeis são o formato mais fiável para as publicações do feed do Facebook porque são apresentadas de forma consistente no telemóvel e no computador, sem cortes significativos. As imagens horizontais de 1200 por 628 píxeis funcionam bem para pré-visualizações de ligações e publicações em que uma composição horizontal faz sentido. As imagens verticais de 1080 por 1350 píxeis ocupam mais espaço vertical no feed, o que tende a aumentar o tempo de permanência, porque os utilizadores param ao passar por uma imagem mais alta. Para qualquer imagem do feed, manter o ficheiro abaixo dos 8 megabytes e usar o formato JPEG ou PNG garante um carregamento rápido sem perda de qualidade.
Fotos de capa e imagens de perfil
A foto de capa da página aparece com 820 por 312 píxeis no computador e 640 por 360 píxeis no telemóvel, com corte automático em cima e em baixo no telemóvel. Qualquer texto ou elemento visual importante numa foto de capa deve estar centrado na horizontal e na vertical, com uma zona segura de cerca de 80 píxeis livre nas margens de cima e de baixo para não ser cortado nos ecrãs mais pequenos. A imagem de perfil aparece como um círculo de 170 por 170 píxeis no computador, o que significa que logótipos com muito detalhe ou texto podem tornar-se ilegíveis a esse tamanho. Uma versão simplificada do logótipo, ou o ícone do logótipo sem o nome, costuma resistir melhor como imagem de perfil.
Stories e Reels
Os Stories e os Reels usam uma proporção vertical de 9:16, com 1080 por 1920 píxeis. Este formato vertical de ecrã inteiro é feito por completo para visualização no telemóvel, e o conteúdo criado em formato horizontal ou quadrado aparece com barras e espaço vazio em cima e em baixo, o que parece pouco profissional e reduz o impacto visual do conteúdo. Qualquer texto ou elemento visual importante nos Stories ou Reels deve ficar dentro de uma zona segura central, longe dos 15 por cento de cima e de baixo do enquadramento, onde o Facebook sobrepõe elementos da interface como o nome do perfil, os botões de gostar e as legendas.
Especificações de vídeo e o que significam na prática
Formato e resolução
O Facebook suporta uma grande variedade de formatos de vídeo, mas os ficheiros MP4 e MOV codificados com compressão H.264 dão a melhor combinação de qualidade e tamanho de ficheiro para carregar na plataforma. Uma resolução de 1080p, que é 1920 por 1080 píxeis para vídeo horizontal e 1080 por 1920 píxeis para vídeo vertical, é o padrão que aparece nítido na maioria dos ecrãs de telemóvel. As resoluções mais baixas carregam mais depressa, mas podem parecer desfocadas ou pixelizadas nos ecrãs de telemóveis mais recentes. O áudio deve ser estéreo, com um mínimo de 128 quilobits por segundo, porque o Facebook reproduz automaticamente os vídeos sem som por defeito e muitos utilizadores veem com o som desligado, mas a qualidade do áudio importa quando o ligam.
Duração e taxa de conclusão
Nos Reels, os vídeos com menos de noventa segundos têm melhor desempenho em termos de taxa de conclusão, e a taxa de conclusão é um dos sinais que o algoritmo usa para determinar o alcance. Nos vídeos normais do feed, entre um e três minutos é um intervalo viável para conteúdo educativo ou de demonstração, sabendo que a maioria dos espectadores não vai ver até ao fim. Os três primeiros segundos determinam se a maioria dos espectadores continua a ver. Um vídeo que começa com um cartão de título, um logótipo ou imagens introdutórias lentas perde uma parte significativa do seu público potencial antes de o conteúdo propriamente dito começar. Começar pelo momento mais cativante, visual ou informativamente, e construir a partir daí prende melhor a atenção.
Legendas e visualização sem som
O Facebook reproduz automaticamente o vídeo sem som no feed, o que significa que uma parte significativa dos espectadores vê o conteúdo em silêncio. Juntar legendas aos vídeos não é apenas uma medida de acessibilidade: é uma estratégia de alcance. Os vídeos com legendas têm taxas de conclusão claramente mais altas do que os vídeos sem elas, porque os espectadores que de outro modo passariam por um vídeo mudo conseguem acompanhar o conteúdo através do texto. A ferramenta de carregamento de vídeo do Facebook inclui uma funcionalidade de geração automática de legendas, embora as legendas geradas automaticamente devam ser sempre revistas e corrigidas antes de publicar, já que erros nas legendas podem minar o profissionalismo do conteúdo.
Princípios de design que se traduzem em interação
Mantém o texto nas imagens ao mínimo
As imagens carregadas de texto têm mau desempenho no Facebook, tanto junto do algoritmo como junto do público. O Facebook penalizou historicamente imagens com mais de 20 por cento de cobertura de texto em anúncios pagos, e embora essa regra tenha sido relaxada, a razão que lhe deu origem mantém-se: o público passa mais depressa por publicações com muito texto sobre a imagem do que por publicações visuais limpas. Limita o texto na imagem a um título curto ou a uma única frase-chave. Mantém os tamanhos de letra suficientemente grandes para ler no telemóvel, pelo menos 30 pontos para tudo o que se destina a ser lido no feed, e usa um contraste alto entre o texto e o fundo para que as palavras sejam legíveis sem o espectador ter de ampliar.
Coerência visual entre publicações
Uma página de Facebook em que todas as publicações têm um estilo, cor e formato diferentes não constrói uma identidade visual que os seguidores associem à marca. Usar uma paleta consistente de duas a três cores da marca, um ou dois tipos de letra e um estilo de imagem reconhecível significa que os seguidores começam a identificar o conteúdo da marca antes mesmo de lerem uma palavra. Este reconhecimento é uma das vantagens silenciosas que as marcas com forte coerência visual constroem ao longo do tempo: o seu conteúdo faz parar o scroll, não por ser mais ruidoso, mas por ser familiar. Os modelos criados em ferramentas de design tornam esta coerência alcançável sem precisar de um designer para cada publicação.
Contraste e brilho no telemóvel
Os ecrãs de telemóvel são vistos em condições de luz muito variadas, desde a luz solar forte no exterior até ambientes interiores pouco iluminados. Uma imagem que parece bem iluminada e equilibrada num monitor de computador calibrado pode parecer desbotada ao sol ou demasiado escura numa sala com pouca luz no ecrã de um telemóvel. Aumentar o contraste um pouco acima do que parece natural num ecrã de computador produz muitas vezes uma imagem que se lê com mais clareza na variedade de condições que os utilizadores de telemóvel enfrentam. Testar as imagens num telemóvel a sério antes de publicar, em vez de confiar só na pré-visualização no computador, apanha os problemas de visibilidade mais comuns antes de chegarem ao público.
Escolher o formato certo para cada peça de conteúdo
Quando usar imagens estáticas
As imagens estáticas funcionam melhor para conteúdo que comunica uma única ideia clara: um produto, uma citação, um anúncio, um antes e depois ou um elemento visual que apoia uma publicação de texto. São o formato mais rápido de produzir e o mais fácil de manter com consistência, o que as torna uma base prática para um calendário de publicação regular. Tendem a ter menos alcance do que o vídeo, devido às preferências atuais de formato do algoritmo, mas uma imagem forte combinada com texto de substância terá sistematicamente melhor desempenho do que um vídeo fraco. A escolha do formato importa menos do que a qualidade do conteúdo.
Quando usar vídeo
O vídeo tem melhor desempenho quando o conteúdo beneficia de movimento, demonstração ou narrativa. Um produto que funciona melhor quando mostrado em uso do que descrito numa legenda, um processo mais fácil de seguir quando visto do que lido, ou uma marca assente na personalidade, onde a voz e a forma de falar do fundador fazem parte do apelo da marca, são fortes candidatos a vídeo. O vídeo por si só, em que o formato em movimento não acrescenta nada que uma imagem parada ou uma publicação de texto não conseguisse comunicar igualmente bem, tem muitas vezes mau desempenho, tanto no esforço de produção como nos resultados reais.
Quando usar carrosséis
Os carrosséis são mais adequados a conteúdo que tem uma sequência natural: instruções passo a passo, uma série de dicas relacionadas, uma gama de produtos ou uma história que se desenrola ao longo de vários quadros. O gesto de deslizar mantém os utilizadores envolvidos mais tempo do que uma única imagem, e o formato de vários quadros permite comunicar mais informação sem a apertar num único elemento visual. Cada quadro deve funcionar como um visual autónomo com uma única ideia clara, para que um espectador que só veja o primeiro quadro leve algo de valor, enquanto um espectador que deslize por todos fica com a imagem completa.
Para ver como o conteúdo visual se liga à estratégia de conteúdo mais ampla no Facebook, vê Estratégia de conteúdo para o Facebook. Para ver como o formato do conteúdo afeta a distribuição algorítmica, vê Como funciona o algoritmo do Facebook. Para as estratégias de crescimento orgânico que assentam em bom conteúdo visual, vê Marketing e crescimento orgânico no Facebook.
Como é que o teu website se liga ao teu conteúdo visual no Facebook?
O conteúdo visual no Facebook cria a primeira impressão. O website é onde essa impressão se converte em algo mensurável. Uma presença visualmente forte no Facebook que envia as pessoas para um website que não está ao mesmo nível de qualidade perde a credibilidade que construiu no feed. A coerência visual entre o que uma marca mostra no Facebook e o que alguém encontra ao clicar para o website constrói a confiança que transforma um seguidor num cliente.
O criador de websites do WEMASY dá às marcas um destino profissional, à altura do padrão definido por um forte conteúdo visual nas redes sociais. A Análise e estatísticas do WEMASY mostra-te que publicações do Facebook estão a gerar visitas ao website e o que esses visitantes fazem quando chegam. Vê o que está incluído em /pricing.
Perguntas frequentes
Que tamanho de imagem funciona melhor nas publicações do feed do Facebook?
As imagens quadradas de 1080 por 1080 píxeis são o tamanho mais fiável para as publicações do feed do Facebook porque aparecem de forma consistente no telemóvel e no computador, sem cortes automáticos significativos. As imagens horizontais de 1200 por 628 píxeis funcionam bem para pré-visualizações de ligações e publicações em que a composição horizontal serve o conteúdo. As imagens verticais de 1080 por 1350 píxeis ocupam mais espaço vertical no feed, o que tende a aumentar o tempo que o espectador passa na publicação antes de seguir em frente. Qualquer uma destas dimensões dá um resultado limpo quando a imagem é desenhada especificamente para esse tamanho e não ampliada a partir de um original menor. Com o criador de websites do WEMASY, podes configurar isto diretamente no teu website.
Os vídeos do Facebook devem ter legendas?
Sim. O Facebook reproduz automaticamente o vídeo sem som no feed, o que significa que muitos espectadores veem o conteúdo em silêncio total. As legendas permitem a esses espectadores acompanhar o conteúdo sem ligar o áudio, o que aumenta as taxas de conclusão e melhora a acessibilidade para espectadores com dificuldades auditivas. Os vídeos com legendas superam sistematicamente os mesmos vídeos sem legendas na taxa de conclusão. A ferramenta de carregamento de vídeo do Facebook inclui um gerador automático de legendas, mas o resultado deve ser revisto e corrigido manualmente antes de publicar, já que erros nas legendas geradas automaticamente podem parecer pouco profissionais.
Que duração devem ter os vídeos do Facebook?
Nos Reels, menos de noventa segundos é o intervalo que produz melhores taxas de conclusão, e a taxa de conclusão é um sinal algorítmico importante. Nos vídeos normais do feed com conteúdo educativo ou de demonstração, entre um e três minutos é viável desde que o conteúdo sustente o interesse até ao fim. Os três primeiros segundos são os mais críticos: se o vídeo não der ao espectador um motivo claro para continuar a ver nesses primeiros segundos, a maioria passa à frente. Começar pelo momento mais interessante ou visualmente cativante e construir a partir daí prende mais espectadores do que uma introdução lenta.
Ter demasiado texto numa imagem do Facebook reduz o alcance?
Sim, tanto junto do algoritmo como do público. O Facebook penalizou historicamente imagens com muita cobertura de texto em anúncios pagos e, mesmo nas publicações orgânicas, o público tende a passar mais depressa por conteúdo denso de texto sobre imagem do que por elementos visuais mais limpos. Manter o texto na imagem num título curto ou numa única frase-chave, com um tamanho de letra suficientemente grande para ler no ecrã de um telemóvel, funciona melhor do que tratar uma imagem como um sítio onde meter o máximo de informação possível. O campo da legenda é o melhor sítio para o texto explicativo.
Em que proporção devem ser filmados os Reels do Facebook?
Os Reels devem ser filmados e exportados numa proporção vertical de 9:16, com 1080 por 1920 píxeis. Este formato vertical de ecrã inteiro é feito para visualização no telemóvel, e o conteúdo filmado na horizontal ou em formato quadrado aparece com espaço vazio em cima e em baixo no quadro dos Reels, o que parece incompleto e reduz o impacto visual. O texto importante, os rostos e os elementos visuais relevantes devem ficar na área central do quadro, longe dos 15 por cento de cima e de baixo onde o Facebook sobrepõe elementos da interface, como o nome do perfil e os botões de interação.
Como pode uma marca manter a coerência visual no Facebook sem um designer?
As ferramentas de modelos de design tornam a coerência visual alcançável sem um designer dedicado. Criar um conjunto de três a cinco modelos de publicação reutilizáveis, cada um com uma paleta de cores, um tipo de letra e uma disposição consistentes, significa que o conteúdo novo pode ser produzido depressa, trocando imagens ou texto, sem refazer o design de raiz de cada vez. Usar as mesmas duas a três cores da marca e no máximo dois tipos de letra em todos os modelos estabelece a identidade visual. Verificar antes de publicar que as novas publicações parecem reconhecivelmente semelhantes às anteriores mantém a coerência ao longo do tempo.