Facebook Tamanho da foto e dicas que funcionam

Vamos ser honestos por um segundo. Você passou tempo real escolhendo a imagem perfeita, a carregou para sua página do Facebook e depois ela foi e cortou seu logotipo limpo pela metade. A data no panfleto? Foi-se. O slogan que você amava? Espremeu atrás de uma foto de perfil. Já lá estive. Então vamos consertar isso para sempre.

O tamanho recomendado da foto da capa da página do Facebook é de 851 pixels de largura por 315 pixels de altura para desktop, e o Facebook exibe uma fatia menor da mesma imagem (cerca de 640 por 360 pixels) no celular. Carregue uma imagem de paisagem pelo menos 851 x 315, mantenha-a abaixo de 100KB quando possível para a carga mais rápida e projete suas coisas importantes em direção ao centro para que ela sobreviva à colheita em telefones. Faça essas três coisas direito e seu banner parece nítido em todos os lugares.

Eu vi tantas pequenas empresas e criadores tratarem a foto da capa como uma reflexão tardia, e aqui está a parte que ninguém lhe diz: é sem dúvida o outdoor gratuito mais valioso que você possui. Quando alguém pousa na sua Página, os olhos deles vão para aquele grande banner antes de ler uma única palavra. Então, recebendo o Facebook tamanho da foto e dicas da capa da página Não é vaidade, é a primeira impressão fazendo um trabalho real para você. Vamos passar por tudo isso juntos.

Qual é o tamanho correto da foto da capa da página do Facebook?

Vamos começar com os números, porque é aqui que a maioria das pessoas viaja. A página do Facebook recomendada para tamanho de foto de capa é de 851 pixels de largura por 315 pixels de altura. Essa é uma proporção ampla e cinematográfica de 2,7:1, quase como um banner de filme. O Facebook tem usado esse tamanho de exibição há anos, e ainda é o padrão seguro para projetar.

Agora, aqui está uma nuance que vale a pena saber. As telas de hoje em dia embalam de maneira mais pixels do que costumavam fazer, então um arquivo 851 x 315 simples pode parecer suave em um laptop ou telefone de alta resolução. A solução amigável: design em um tamanho maior com a mesma proporção. Tente 1702 x 630 px (duplo) ou até 2560 x 945. Você está dando ao Facebook uma imagem de origem mais nítida para escalar, e seu banner recompensa você com bordas mais nítidas e texto mais limpo.

Alguns mínimos para manter no bolso de trás:

• O Facebook precisa que sua capa tenha pelo menos 400 pixels de largura e 150 pixels de altura. Qualquer coisa menor é rejeitada ou esticada em mush.
• Orientação de paisagem sempre. Um retrato ou imagem quadrada será recortada de maneiras que você não vai amar.
• Mantenha o arquivo razoavelmente leve. O próprio Facebook sugere ficar abaixo de 100KB para a carga mais rápida e limpa, especialmente para imagens com um logotipo ou texto.

Por que minha capa parece diferente em mobile vs desktop?

Este é o sorrateiro, e honestamente ele tropeça até mesmo pessoas experientes. O Facebook não mostra a mesma safra da sua capa em todos os dispositivos. No desktop, você vê a largura total, mas uma altura mais curta. No celular, o aplicativo mostra uma fatia mais alta e mais estreita, de modo que as bordas esquerda e direita da sua imagem sejam cortadas silenciosamente.

Praticamente, isso significa que um elemento sentado confortavelmente no canto do seu laptop pode desaparecer inteiramente em um telefone. E como a maioria dos visitantes está quase certamente se deslocando no celular, a visualização do telefone é aquela que você realmente não pode se dar ao luxo de errar.

Aqui está o modelo mental que eu uso: pense em seu 851 x 315 como tendo a zona segura no meio, aproximadamente o centro 640 x 312 px Isso é feito em praticamente todos os dispositivos. Fora dessa zona há território decorativo, um fundo bonito que preenche o desktop, mas pode ser cortado no celular. A regra se escreve: qualquer coisa que deve O seu logotipo, slogan, oferta ou o rosto de uma pessoa vive no meio. As bordas são para textura, gradiente e sala de respiração.

Onde minha foto de perfil cobre a imagem?

Não se esqueça da foto do seu perfil, porque ela fica fisicamente em cima da foto da capa. No desktop, ele se sobrepõe ao canto inferior esquerdo do banner. No celular, o layout muda e normalmente se concentra ao longo da borda inferior.

O takeaway é simples e poupa muita dor de cabeça: Mantenha a área inferior esquerda (e o centro inferior) da sua capa clara de qualquer coisa importante. Se o seu logotipo está escondido na parte inferior esquerda, parabéns, sua foto de perfil está agora sentada diretamente nele. Empurre seus elementos-chave para cima e para a centro-direita, ou flutue-os na parte superior da bandeira onde nada se sobrepõe. Deixe esse canto calmo, aberto.

Dicas de design que fazem uma capa do Facebook realmente funcionar

Certo, a parte divertida. O tamanho correto é o chão, não o teto. Uma cobertura tecnicamente perfeita ainda pode ser esquecível. Veja como fazer o seu ganhar a sua manutenção, com o mesmo cuidado que um amigo designer lhe daria com café.

Liderar com uma ideia clara

Sua capa é um olhar, não um ensaio. As pessoas pegam uma bandeira em cerca de um segundo, então ela deve comunicar exatamente uma coisa: o que você faz, uma promoção atual, uma temporada ou um sentimento. Resista ao desejo de enfiar seu logotipo, três slogans, um número de telefone, cinco fotos de produtos e um código QR em um quadro. Escolha a mensagem mais importante e dê espaço para respirar. Espaço em branco não é espaço desperdiçado, é o que faz a única coisa que você E- Diz terra.

Mantenha o texto curto e alto contraste

Se você está adicionando palavras, faça-as grandes, ousadas e poucas. Uma pequena manchete ou um punhado de palavras é suficiente. E por favor, alto contraste, texto escuro em uma área clara ou texto claro em uma área escura e organizada. O texto flutuando sobre uma foto movimentada torna-se invisível; solte uma sobreposição sutil ou uma faixa de cor sólida atrás dela para que cada letra seja legível. Então, zoom e esguicho. Se você não pode lê-lo em um relance, nem o seu visitante pode rolar em velocidade.

Fique na marca e consistente

Sua capa deve parecer inequivocamente tu. Use as cores da sua marca, suas fontes, seu estilo visual para que, no momento em que alguém aterrissa na sua Página, ela clique no anúncio, e-mail ou postagem que os trouxe até lá. Essa consistência constrói confiança silenciosamente. Uma linda bandeira que parece uma empresa totalmente diferente do seu logotipo cria um pouco de confusão, e a confusão é inimiga de um seguidor.

Refresque-o com suas estações e campanhas

Aqui está um hábito que separa Páginas que se sentem vivas daquelas que se sentem abandonadas: trate sua capa como um espaço vivo, não uma decoração de set-it-and-forget-it. Executar uma promoção? Põe-no na bandeira. Nova temporada, nova coleção, um grande lançamento, um feriado? Atualize a capa para combinar. Ele sinaliza que alguém está realmente em casa e prestando atenção, e dá aos visitantes que retornam algo novo para notar. Você não precisa mudá-lo semanalmente, apenas não deixe que ele recolha poeira por dois anos.

A mente a sobreposição e os cantos

Cobrimos a foto do perfil, mas digitalizamos todo o quadro antes de você publicar. Facebook às vezes camadas botões ou página detalhes ao longo da borda inferior, dependendo do seu layout e dispositivo. Então construa com margens, um buffer confortável de espaço vazio em torno de suas bordas e especialmente ao longo do fundo. Agrupar o seu design até as fronteiras está pedindo uma colisão.

Comparação: referência rápida para especificações de foto de capa

Aqui está um pequeno livro de trapaça que você pode capturar e manter. Quando não tiveres certeza, volta a isto.

Detalhe	Recomendação
Tamanho recomendado da exposição	851 x 315 px
upload mais Sharper (mesma proporção)	1702 x 630 px ou maior
Relação aspecto	2.7:1 (paisagem ampla)
Tamanho mínimo aceite	400 x 150 px
zona central móvel-seguro	640 x 312 px (mantenha elementos-chave aqui)
Melhor formato para logotipos/texto	PNG
Melhor formato para fotos	JPG
Tamanho do ficheiro alvo	Quando possível, sob 100KB
Mantenha claro para o perfil pic	Baixo-esquerda (desktop), centro inferior (móvel)

Erros comuns que arruem uma boa foto de capa

Deixa-me poupar-te um pouco de dor. Estes são os deslizes que vejo repetidamente, e cada um é completamente evitável quando você sabe que o procura.

• Carregar uma imagem pequena ou de baixa resolução. Facebook estica pequenos arquivos para caber, e pixels esticados parecem borrados e pouco profissionais. Sempre comece maior do que o tamanho da tela, nunca menor.
• Ignorar a cultura móvel. Projetar apenas para o seu laptop e esquecer que os telefones aparam os lados é a razão número um pela qual os logotipos desaparecem. Pré-visualização em celular, todas as vezes.
• Escondendo elementos-chave nos cantos. A parte inferior esquerda fica coberta pela sua foto de perfil, e as bordas mais distantes são cortadas no celular. Os cantos são apenas para decoração.
• Texto demais. Um banner cheio de palavras é lido como ruído. Ninguém vai parar para estudar um parágrafo na sua capa. Uma mensagem clara ganha.
• Texto de baixo contraste. Palavras que se misturam em um fundo ocupado podem não estar lá. Adicione uma sobreposição ou uma banda limpa atrás de qualquer texto.
• Esquecendo de atualizá-lo. Uma capa que promove uma venda que terminou há oito meses diz aos visitantes que você fez o check-out. Mantenha-o atualizado.
• Formato de arquivo errado. Salve uma capa de texto e logotipo como um JPG pesado e embaçado e as bordas ficam confusas. Use PNG para qualquer coisa com texto, linhas afiadas ou cor plana.

Como fazer uma foto de capa do Facebook passo a passo?

Vamos transformar tudo isso em um processo simples que você pode realmente seguir esta noite. Não é necessário nenhum grau de design, eu prometo.

• Passo 1: Inicie uma tela no tamanho certo. Abra sua ferramenta de design e defina uma tela em branco para 1702 x 630 pixels. Isso é o dobro do tamanho da tela na proporção correta de 2.7:1, então sua imagem final permanece nítida. Se a sua ferramenta tiver uma predefinição de capa do Facebook, use-a e verifique novamente se a proporção corresponde.
• Passo 2: Marque sua zona segura. Antes de colocar qualquer coisa, bloqueie a área segura central com uma camada de guia. Tudo o que deve ser visto vai para aqui. Trate as bordas externas apenas como fundo.
• Passo 3: Adicione seu fundo. Escolha uma foto ou um pano de fundo limpo e colorido. Se você estiver usando uma foto ocupada, planeje adicionar uma sobreposição sutil para que o texto permaneça legível mais tarde.
• Passo 4: Coloque sua mensagem. Adicione seu título único, slogan ou oferta no centro. Mantenha-o grande e alto contraste. Resista adicionando uma segunda e terceira mensagem.
• Passo 5: Mantenha os cantos calmos. Deixe o centro inferior esquerdo e inferior claro para a sua foto de perfil e dê a cada borda uma margem confortável.
• Passo 6: Exportar inteligentemente. Salve como PNG se sua capa tiver texto ou um logotipo, JPG se for uma foto pura. Tente manter o arquivo leve.
• Passo 7: Carregar e reposicionar. O Facebook permite arrastar para reposicionar após o upload. Aperte-o até que as partes importantes fiquem bem, e então salve.

É tudo. Uma vez que você tenha feito isso algumas vezes, leva cerca de dez minutos.

Quais ferramentas gratuitas ajudam você a projetar o tamanho certo?

Você não precisa de software caro aqui. Muitas ferramentas de design gratuitas e gratuitas vêm com modelos de capa do Facebook já dimensionados corretamente, o que remove a adivinhação completamente. Procure uma ferramenta que ofereça uma capa pronta, texto de arrastar e soltar e uma biblioteca decente de fontes e fundos. A vantagem de um modelo é que o pensamento de zona segura é parcialmente cozido, então é menos provável que você coloque seu logotipo em um canto que seja cortado.

Mas algumas precauções. Os modelos são pontos de partida, não linhas de chegada. Troque em suas cores e fontes de marca reais para que não pareça um design de ações de uma centena de outras Páginas também estão usando. E mesmo com um modelo correto, ainda faça sua visualização móvel, porque as ferramentas projetam para a cultura de desktop e não podem ver como o Facebook irá aparar sua imagem específica em um telefone. A ferramenta leva você a maior parte do caminho até lá; seus olhos terminam o trabalho.

Você pode usar um vídeo como sua capa do Facebook?

Sim, as Páginas do Facebook podem usar um vídeo de capa em vez de uma imagem estática, e pode ser uma maneira adorável de adicionar um pouco de vida e movimento à sua Página. Um vídeo curto e em loop puxa o olho e permite que você mostre um pouco mais de personalidade do que um produto ainda poderia, um produto em uso, um rápido momento nos bastidores, um humor.

Os mesmos instintos de design ainda se aplicam, apenas com o movimento em camadas. Mantenha seus visuais-chave na zona de segurança central, lembre-se da sobreposição da imagem do perfil e certifique-se de que o vídeo leia bem, mesmo sem som, pois não reproduz áudio automaticamente. Também pesa se o movimento realmente serve a sua marca. Para algumas Páginas, uma imagem calma e confiante parece mais premium do que um loop ocupado. Não há resposta errada, basta escolher qual é a impressão que você quer deixar. Se você for a rota de vídeo, mantenha uma imagem estática forte pronta como seu retorno, já que nem todos os dispositivos e conexões reproduzirão o vídeo sem problemas.

Acessibilidade e velocidade de carga também

Aqui está uma pequena atualização pensativa que a maioria das pessoas ignora. Quando você adicionar sua capa, tire um segundo para escrever uma descrição clara dela nos detalhes da imagem, se a opção estiver disponível. Isso ajuda as pessoas que usam leitores de tela a entender o que seu banner mostra, e é apenas uma coisa gentil e inclusiva a fazer. Descreva-o claramente, como se você dissesse a um amigo por telefone qual é a imagem.

A velocidade de carga é o outro fator silencioso. Um arquivo pesado e de grandes dimensões faz com que sua página pareça lenta, especialmente para visitantes em conexões móveis mais lentas. É exatamente por isso que manter o seu arquivo apara importa, não por si só, mas porque uma página de carregamento rápido se sente mais polida e impede que as pessoas saltem antes mesmo de verem seu conteúdo. A luz e a nitidez batem sempre de forma lenta e intensa.

As capas de página e as capas de grupo são diferentes

Um esclarecimento rápido para não misturá-los. As dimensões em que nos concentramos são para a Facebook Página A capa, a bandeira em uma página de negócios ou criador. Facebook grupos e pessoais perfis usar suas próprias proporções de cobertura e culturas ligeiramente diferentes. Se você está projetando para um grupo ou um perfil pessoal, os princípios fundamentais ainda são mantidos, mantenha os elementos importantes centrados, lembre-se das culturas, use um arquivo de alta resolução, mas verifique novamente essa visualização específica em vez de assumir que os números da página se aplicam exatamente. Em caso de dúvida, faça o upload, visualize em vários dispositivos e ajuste. Esse hábito te resgata, não importa qual cobertura você está construindo.

Como visualizar e testar antes de publicar

Prometo que isso fica mais fácil, e o teste é o passo que o torna infalível. Antes de finalizar qualquer coisa, faça uma verificação rápida de dois dispositivos. Carregue a sua capa, depois olhe para a sua Página num telefone real e num navegador de secretária. Tudo é visível em ambos? O texto é nítido e legível? Sua foto de perfil está pisando em seu design? Recarregar e recarregar até que esteja limpo.

O mesmo instinto que faz você verificar uma foto de capa é exatamente o que protege o resto de sua vida. Facebook presença e, honestamente, toda a sua rotina social. Trata-se de ver o seu conteúdo da maneira que o seu público realmente vê, não da maneira como ele se parece no editor. Se você está construindo uma presença real e consistente em suas plataformas, esse tipo de disciplina de pré-visualização antes de você pós é a linha de transmissão. Para uma visão maior sobre como permanecer organizado e intencional, nosso guia sobre dicas de gestão de redes sociais puxa todo o fluxo de trabalho juntos, desde o planejamento até a publicação, até a revisão do que funcionou.

Encaixe sua capa em um fluxo de trabalho de conteúdo maior

Aqui está a coisa: sua foto de capa não vive isolada. É um pedaço de uma página que é idealmente postando regularmente, se envolvendo com seguidores e construindo impulso. E quando seu banner, seus posts e seu perfil cantam todos a mesma música, tudo parece intencional e confiável.

Se você está gerenciando mais do que apenas Facebook, E a maioria de nós é, o movimento inteligente é pensar em sistemas. A mesma consistência visual que faz com que sua capa funcione deve levar em todas as redes que você tocar. Quando você está pronto para crescer além de uma grande bandeira, nossa caminhada como crescer no Instagram compartilha os hábitos de construção de audiência que se traduzem em todos os lugares, e se planejar com antecedência é seu objetivo, aprender como agendar publicações nas redes sociais Você vai liberar o tempo que você gastaria postando ao vivo. Para ver se suas capas, postagens e campanhas estão realmente aterrando, ajuda a se apoiar na as melhores ferramentas de análise de redes sociais Então você está fazendo escolhas de design com base na resposta real, não na adivinhação.

Esse último ponto importa. Em vez de perseguir um número mágico para o que uma capa “deveria” alcançar, observe sua própria página. Atualize seu banner e, em seguida, fique de olho em como os visitantes respondem nas semanas seguintes, se mais pessoas seguem, clicam ou alcançam. Seu público vai te ensinar o que funciona melhor do que qualquer regra genérica jamais poderia.

Perguntas frequentes

Algumas perguntas mais rápidas que me perguntam o tempo todo, respondidas em linha reta.