Facebook Tamanho da foto: O guia completo

Você passou uma hora escolhendo a imagem perfeita. Você a enviou. E agora metade do seu logotipo está escondido atrás da sua foto de perfil, o slogan que você cuidadosamente centrado é cortado no telefone de alguém, e a coisa toda parece que passou por um liquidificador. Parece familiar? A foto da capa do Facebook é silenciosamente um dos problemas de design mais frustrantes em todas as mídias sociais, porque uma única imagem tem que parecer nítida em monitores de desktop, telefones e cada tamanho de tela entre eles, e o Facebook cultiva de forma diferente em cada um.

Aqui está a boa notícia: uma vez que você entenda o real Facebook tamanho da foto da capaAs zonas seguras e as poucas regras que nunca mudam, você nunca mais lutará nesta batalha. Você vai projetar uma imagem, carregá-la uma vez, e tê-la olhar intencional em todos os lugares. Vamos percorrer todas as versões da foto da capa, os números exatos e os truques de design que mantêm as coisas importantes visíveis, não importa qual dispositivo alguém esteja segurando.

Por que a foto da capa importa mais do que você pensa

Pense na última vez que você pousou em uma página de negócios que você nunca tinha visto antes. Antes de ler uma única palavra, seus olhos varreram o topo da tela: a foto da capa, a foto do perfil, o nome. Toda essa bandeira é a sua vitrine. É a primeira impressão, a vibe check, a divisão de segundo em que alguém decide se você parece legítimo e vale a pena seguir, ou slapdash e skippable.

Uma foto de capa faz um trabalho real. Ele diz às pessoas o que você faz, define o humor e pode destacar uma oferta, evento ou campanha atual. É um imóvel visual primo, e é gratuito. A única coisa entre você e uma bandeira polida é acertar as dimensões para que o Facebook não acaricie sua imagem. Isso é o que faz com que quase todo mundo, porque o Facebook não mostra sua foto de capa em um tamanho fixo. Ele redimensiona e re-corta dependendo de onde está sendo visto.

Então, antes de chegarmos a números individuais, internalize essa ideia: você não está projetando para um único quadro, você está projetando para uma variedade de culturas. A mentalidade do prego e o resto é apenas aritmética. O tamanho correto da foto de capa do Facebook não é realmente um número mágico, é uma forma e um conjunto de hábitos seguros.

Tamanho da foto da capa da página do Facebook

Esta é a grande, a capa que a maioria das pessoas quer dizer quando perguntam sobre o tamanho da foto da capa do Facebook. Ele fica no topo das Páginas de negócios, páginas de marca, páginas comunitárias e páginas criadoras, e é a versão que vale a pena acertar exatamente porque é o único que os estranhos julgam primeiro.

As especificações comumente documentadas funcionam assim. O Facebook exibe a foto da capa da página em aproximadamente 820 x 312 pixels no desktop e cerca de 640 x 360 pixels no celular. Observe que esses dois retângulos são formas diferentes, a versão desktop é mais larga e mais curta, a versão móvel é mais estreita e mais alta. Essa diferença é a fonte de suas dores de cabeça.

Para alimentar ambas as culturas a partir de um arquivo, o tamanho de upload amplamente recomendado é de 851 x 315 pixels (ou um múltiplo proporcional dele, mais sobre o porquê de você aumentar em um segundo). O Facebook também lista um mínimo de 400 x 150 pixels, mas por favor, nunca faça upload de algo tão pequeno. Uma pequena imagem de fonte é esticada para preencher uma grande bandeira e fica macia e pixelizada instantaneamente.

Algumas notas práticas na capa da página:

• Faça upload de pelo menos 851 x 315 e idealmente maior. O upload em resolução dupla, em torno de 1702 x 630, dá ao Facebook uma fonte nítida para reduzir a escala, que parece mais nítida em telas de telefone modernas e de alta densidade Retina. Fonte maior, resultado mais limpo.
• Mantenha o arquivo sob o limite de tamanho do Facebook e use o formato certo. Para fotos com muita cor e gradientes, o JPG está bem. Para logotipos, cores planas ou gráficos pesados em texto, o PNG mantém as bordas nítidas e evita os artefatos de compressão lamacentos que o JPG pode introduzir.
• A proporção de aspecto é aproximadamente 2,7:1. Se você construir sua própria tela, combinando essa proporção ampla e curta mantém a distorção ao mínimo.

Tamanho da foto de capa de perfil pessoal do Facebook

Seu perfil pessoal, aquele para você como humano e não como marca, usa uma foto de capa também, e os números são primos próximos da capa da página. O tamanho da tela comumente citado é de cerca de 820 x 312 pixels no desktop, e o tamanho de upload recomendado é novamente em torno de 851 x 315 pixels.

A ruga com perfis pessoais é que sua imagem de perfil circular se sobrepõe ao canto inferior esquerdo da capa. Em muitos layouts, a foto do perfil e seu nome ficam bem em cima da região inferior esquerda do banner. Então, se você centrar seu conteúdo importante ou empurrá-lo para a direita, ele fica claro dessa sobreposição. Qualquer coisa que você se aconchegar no canto inferior esquerdo corre o risco de ficar escondido atrás de seu próprio rosto.

As capas de perfil pessoais são um lugar encantador para uma foto de paisagem, uma foto de viagem, uma ilustração favorita, algo que diz quem você é. Basta lembrar a sobreposição e dar ao fundo-esquerda um amplo beliche.

Tamanho da foto da capa de evento do Facebook

As capas de eventos recebem seu próprio tratamento porque as páginas de eventos exibem imagens em um quadro mais amplo e cinematográfico do que as Páginas. A recomendação comumente documentada é a 16:9 relação entre os aspectos, com um tamanho recomendado em torno 1920 x 1005 pixels (algumas referências a este 1920 x 1080). Uma linha de base frequentemente citada é 1200 x 628 pixels, que também detém o grosso 16:9 Forma.

As capas de eventos estão fazendo um trabalho promocional duro, então trate-as como um mini pôster:

• Lidere com o essencial: nome do evento, data e talvez a localização ou um gancho de uma linha. Mas mantenha-os centrados, porque as imagens do evento são cortadas de forma diferente em feeds, compartilham cartões e a própria página do evento.
• Design para a miniatura também. Quando o seu evento é compartilhado em um feed ou uma mensagem, a capa encolhe drasticamente. Se o seu texto é pequeno ou amontoado em um canto, torna-se uma mancha ilegível. Texto grande, ousado e centrado sobrevive a encolher.
• Faça o upload na resolução recomendada para que a imagem permaneça nítida quando o Facebook a dimensionar para o cabeçalho do grande evento.

Tamanho da foto de capa de grupo do Facebook

Os grupos têm uma faixa larga em todo o topo, e tende a ser a capa mais alta e mais propensa a colheita do grupo. O tamanho da tela comumente documentado é em torno 1640 x 856 pixels em desktop, e muitos guias sugerem upload em 1640 x 856 ou ligeiramente mais alto para dar à cultura móvel algum espaço para respirar.

As capas de grupo são notórias por cortar agressivamente entre desktop e celular, ainda mais do que as Páginas, então a zona de segurança pensando que estamos prestes a cobrir assuntos aqui mais do que em qualquer lugar. Mantenha o nome, o propósito ou qualquer centro visual chave morto do seu grupo e trate as bordas superior e inferior como margem dispensável que pode desaparecer em algumas telas.

A zona segura: o conceito que salva seu design

Aqui está a ideia mais importante neste artigo, então deixe-a afundar. Como desktop e celular mostram diferentes culturas da mesma imagem, há uma região no meio que é sempre visível em todos os dispositivos. Essa região é a sua zona de segurança. Qualquer coisa crítica, seu logotipo, seu slogan, um rosto, um chamado à ação, precisa viver dentro dele.

Imagine a foto da capa como um retângulo largo. No desktop, o Facebook mostra uma fatia larga e curta. No celular, mostra uma fatia mais estreita e mais alta. Sobrepõem essas duas fatias e a parte onde elas se sobrepõem, aproximadamente o centro horizontal, é a zona que aparece, não importa o quê. As bordas externas são as zonas de perigo: a extrema esquerda e a direita podem ser aparadas no celular, e a parte superior e inferior podem ser aparadas no desktop.

Então a regra é lindamente simples: não coloque nada importante nos cantos e mantenha seu conteúdo-chave centrado.

Como aplicar isso sem um grau de matemática:

• Concentre seu ponto focal. O que quer que seja que deva ser visto, logotipo, título, produto, pertence no terço médio da imagem, tanto horizontalmente quanto verticalmente.
• Trate as bordas como sangramento. Deixe seu fundo, textura ou cor se estender até as bordas para que não haja uma lacuna branca estranha quando o corte acontece, mas não confie nas bordas para carregar significado.
• Mente a sobreposição de imagem de perfil em Páginas e perfis pessoais. Esse canto inferior esquerdo é muitas vezes parcialmente obscurecido, então mantenha o texto e os rostos fora dele.
• Pré-visualizar antes de se comprometer. Após o upload, verifique a página em um navegador de desktop e seu telefone. O que parece perfeitamente equilibrado no seu laptop pode parecer completamente diferente no celular e vice-versa. Dois minutos de visualização poupam-lhe de uma semana de um logótipo cortado.

Se você pegar uma coisa deste guia, faça isso: design do centro para fora, e você quase nunca será queimado por uma colheita.

Um fluxo de trabalho de design repetível que você pode começar hoje

Vamos transformar tudo isso em um processo que você pode realmente seguir, se você está fazendo uma capa em uma ferramenta de design completo ou um navegador gratuito.

Passo 1: Comece com a tela certa

Abra sua ferramenta de design e defina uma tela para o tamanho de upload recomendado para o que você está fazendo. Para uma página ou perfil, comece em 851 x 315 (ou escale até 1702 x 630 para maior nitidez). Para um evento, use uma tela 16: 9 como 1920 x 1005. Para um grupo, use 1640 x 856. Definir a tela exata desde o início significa que você está projetando nas proporções reais, não adivinhando.

Passo 2: Marque sua zona segura

Antes de colocar qualquer coisa, desenhe uma caixa guia leve no centro horizontal e vertical, aproximadamente entre 60 e 70% da tela. Este é o seu limite de não cruzar para elementos importantes. Alguns modelos incluem até mesmo uma sobreposição de zona segura, use-a se você a tiver. Tudo que é significativo permanece dentro desta caixa.

Passo 3: Construir em camadas

Coloque seu fundo primeiro, deixando a cor ou a imagem correr totalmente para as bordas. Em seguida, adicione o seu elemento focal, logotipo, título ou imagem de herói, centrado dentro da zona segura. Mantenha-o limpo. Uma foto de capa tentando dizer cinco coisas não diz nada. Uma mensagem clara bate uma colagem desordenada toda vez.

Passo 4: Respeite a imagem do perfil

Se esta for uma capa de página ou perfil pessoal, lembre-se de que o círculo na parte inferior esquerda ficará em cima da sua imagem. Ou deixar essa área visualmente tranquila ou design para que a imagem do perfil se sente como uma parte intencional da composição, não uma colisão acidental.

Passo 5: Exportar inteligente

Exporte como PNG para qualquer coisa com texto, logotipos ou cor plana e JPG para imagens fotográficas ricas. Mantenha o arquivo razoavelmente dimensionado para que ele carregue rápido, mas permaneça nítido. Se a sua ferramenta permite exportar a 2x, faça-o e deixe o Facebook em baixa.

Passo 6: Faça o upload e verifique em dois dispositivos

Carregue a capa e, em seguida, abra imediatamente a sua Página no desktop e no seu telefone. Verifique se nada importante é cortado, se o texto é legível e se a imagem do perfil não está cobrindo nada crítico. Ajuste e re-upload, se necessário. Este último passo é o que todos ignoram e o que pega todos os problemas.

Uma vez que você construiu uma capa desta maneira, a próxima leva dez minutos. Um pouco de estrutura agora compra velocidade para sempre, e é o mesmo princípio por trás de qualquer bom fluxo de trabalho de gerenciamento de mídia social: configurar o sistema uma vez, em seguida, mover-se rapidamente dentro dele.

Erros comuns que arruem uma cobertura de outra forma grande

Mesmo as pessoas que conhecem as dimensões ainda tropeçam sobre eles. Verifique a lista e veja se algum som familiar.

• Carregar uma imagem muito pequena. Esse mínimo de 400 x 150 é um piso, não um alvo. Pequenos arquivos de origem ficam esticados e ficam embaçados. Sempre faça upload no tamanho recomendado ou maior.
• Enfiar texto nos cantos. Os cantos são exatamente onde o corte acontece. O texto centrado sobrevive, o texto encurralado fica guilhotinado.
• Esquecendo a cultura móvel. A maioria do seu público está no telefone. Se você só verificar sua capa no desktop, você está projetando para a minoria e jogando com a maioria.
• Ignorando a sobreposição da imagem de perfil. Esse círculo inferior esquerdo esconde conteúdo em Páginas e perfis. Design em torno dele.
• sobrecarregando a imagem. Uma capa com um título, três fotos, um número de telefone, um código QR e um slogan é uma bagunça. Escolha uma mensagem.
• Usando texto de baixo contraste. Texto claro em uma foto ocupada desaparece. Adicione uma camada escura sutil atrás do texto ou coloque o texto sobre uma parte mais calma da imagem para que ela permaneça legível.
• Nunca actualizá-lo. Uma capa velha de três campanhas atrás sinaliza uma página negligenciada. Refresque-o para temporadas, lançamentos e promoções.

Dicas de design que fazem uma capa parecer genuinamente profissional

Obter o tamanho certo impede que você pareça desleixado. Estes toques empurram você de correto para realmente impressionante.

• Combine sua marca. Use as cores da sua marca, fontes e logotipo para que a capa pareça uma extensão natural de tudo o mais que você postar. A coerência é entendida como competência.
• Dê espaço para respirar. Espaço negativo, áreas vazias em torno de seu texto e ponto focal, faz um design parecer calmo e premium. A multidão faz com que pareça frenético.
• Crie uma hierarquia focal. Seu olho deve saber onde pousar primeiro. Faça do elemento mais importante o maior ou mais ousado, e deixe que tudo o mais o apoie.
• Coordene com sua foto de perfil. A capa e a foto do perfil ficam ao lado um do outro. Escolha cores e estilos que complementem em vez de choque.
• Use a capa para conduzir a ação. Executar uma venda, lançar um produto, organizar um evento? Diga assim, em texto centrado e legível. Sua capa é espaço de publicidade livre, use-o com intenção.
• Mantenha um modelo. Depois de construir uma capa que você ama, salve-a como um modelo reutilizável. Trocar a mensagem da próxima vez leva minutos em vez de horas, o que torna muito mais fácil manter seus visuais atualizados como parte de seu calendário de conteúdo contínuo.

Consetting fotos de capa em sua estratégia social maior

Sua capa no Facebook é uma peça de um sistema visual muito maior. Cada plataforma tem sua própria bandeira e dimensões de imagem, e malabarismo todos eles à mão fica velho rápido. O movimento inteligente é construir uma pequena biblioteca de modelos consistentes com a marca, um por plataforma e formato, então atualizar seus visuais para uma nova campanha é uma questão de deixar cair em cópia e imagens novas em vez de reconstruir do zero.

E uma ótima capa só vale a pena se as pessoas realmente a virem, o que significa que você também precisa de um batedor de tambor constante de postagens que levem os visitantes à sua Página. É aí que o planejamento futuro realmente ganha sua manutenção. Quando você Agendar seus posts antecipadamente, você libera o espaço mental para pensar sobre o quadro maior, como se sua foto de capa, seu post preso e sua campanha atual estão contando a mesma história. O banner define o palco, e seu fluxo constante de conteúdo traz o público para o show.

Sua folha de fraude tamanho foto capa rápida Facebook

Quando você está no meio do design e só precisa do número, aqui está a coisa toda destilada. Imprima-o, marque-o, grave-o no monitor.

• Capa da página: upload 851 x 315 (ou 1702 x 630 para nitidez extra). Exibe cerca de 820 x 312 no desktop, 640 x 360 no celular.
• Cobertura de perfil pessoal: upload 851 x 315, exibe cerca de 820 x 312 no desktop. Veja a sobreposição de perfil-imagem inferior esquerda.
• Cobertura do evento: proporção 16: 9, em torno de 1920 x 1005 pixels, com 1200 x 628 como linha de base.
• Cabeça do grupo: em torno de 1640 x 856 pixels, colheitas duras entre dispositivos, então centralize tudo.
• Regra Universal: mantenha o conteúdo crítico centrado na zona segura, deixe os fundos sangrarem até as bordas, faça upload de alta resolução e visualize no desktop e no celular.

Memorizar o hábito de zona segura e o tamanho exato da foto de capa do Facebook se torna quase secundário, porque um design centrado e de alta qualidade parece intencional em qualquer cultura que a plataforma lança.

Uma nota rápida sobre a verificação das especificações atuais

Uma ressalva honesta antes de ir: o Facebook, como todas as plataformas, ajusta seu layout de tempos em tempos. As dimensões deste guia refletem as especificações amplamente documentadas, comumente recomendadas, e a abordagem da zona segura é construída especificamente para sobreviver a pequenas mudanças de layout, porque nunca depende das bordas. Ainda assim, antes de um grande lançamento ou uma campanha importante, vale a pena fazer uma verificação rápida de sanidade. Carregue a sua imagem, visualize a sua Página tanto no desktop como no celular e confirme que tudo está onde você espera. Se o Facebook tiver cutucado alguma coisa, você a pegará em dois minutos, em vez de depois que todo o seu público já viu um banner recortado.

Esse hábito, o design do centro, o upload em alta resolução, depois verificar em dispositivos reais, é à prova de balas. As plataformas continuarão mudando suas contagens de pixels, mas uma cobertura centrada, de alta qualidade e respeitosa da zona segura continuará a parecer ótima em tudo isso. Agora vá fazer essa janela brilhar.