Para muitas empresas, o Facebook é a principal ferramenta através da qual elas se conectam aos seus clientes. Para alguns, é a única ferramenta. Portanto, não deve ser surpresa que, a aparência da página do seu negócio no Facebook possa ter um enorme impacto sobre o quanto as pessoas levam o seu negócio a sério. Um pouco de esforço e cuidado iniciais pode significar muito dinheiro no caminho. Neste artigo, vamos compartilhar alguns dos truques que usamos para criar a imagem de capa perfeita do Facebook toda vez.
Primeiro, ao criar uma imagem de capa do Facebook para uma página de negócios, você pode querer incluir um logotipo, um gráfico ou palavras para comunicar uma mensagem. Enquanto você pode criar uma imagem de capa usando o aplicativo iOS ou Android do Facebook, você terá um tempo mais fácil usando o seu computador desktop ou laptop.
algum fundo
Plates é um restaurante fictício. Como qualquer negócio local, eles têm uma página no Facebook. E, como toda empresa com uma página do Facebook, os clientes visitam suas páginas usando desktops, laptops e celulares.
Esta é a imagem da capa do Facebook da Plates. Está quebrada. Mais tarde, você verá como.
Guia de fotos da capa do Facebook
Facebook fornece orientações aos usuários que querem adicionar imagens de capa às suas páginas. As diretrizes são as mesmas para páginas de negócios e pessoais.
Foto de capa da sua página:
Displays at 820 pixels wide by 312 pixels tall on your Page on computers and 640 pixels wide by 360 pixels tall on smartphones.
Deve ter pelo menos 400 pixels wide and 150 pixels tall.
Carrega mais rápido como um arquivo JPG sRGB que tem 851 pixels de largura, 315 pixels de altura e menos de 100 kilobytes.
As diretrizes podem ser confusas. Há algumas coisas que você precisa saber, antes de começar a trabalhar criando sua foto ou gráfico de capa do Facebook. Aqui, as mesmas diretrizes são mostradas um pouco diferente:
- 851px largura x 315px altura: tamanho recomendado para desktop
- 820px largura x 312px altura: mostrar no desktop
- 640px largura x 360px altura: exibir em smartphones
- 400px largura x 150px altura: tamanho mínimo da imagem da capa
Refinar as diretrizes do Facebook
Você só precisa de duas das quatro recomendações do Facebook. Ao cumprir as duas, você realmente cumpre as quatro condições como um subproduto do seu trabalho. Estas são as duas que você está mantendo:
- 851px largura x 315px altura: tamanho recomendado para desktop
- 640px largura x 360px altura: exibição em smartphones
Ao olhar para as dimensões da capa que você está mantendo, você vai notar uma altura de desktop de 315px e uma altura de 360px para celular. A mesma capa do Facebook tem de ser usada para a área de trabalho e para o telemóvel, o que significa que a sua altura mínima absoluta deve ser de 360px. Por este motivo, o tamanho de capa do Facebook que você precisa agora é o seguinte:
- 851px largura x 360px altura: tamanho mínimo de exibição para desktop e celular
Agora, você tem um tamanho de capa do Facebook que é muito alto para desktop e muito largo para celular. Não deve ser o que você quer, mas é exatamente o que você quer. Um pouco mais tarde, porque isso é verdade será esclarecido.
Você deve fazer mais uma mudança no tamanho da sua capa do Facebook. As telas de alta resolução do desktop e do laptop estão se tornando cada vez mais populares. As recomendações de tamanho de imagem do Facebook já acomodam telas móveis de alta resolução. No entanto, o mesmo não acontece com as telas de desktop e laptop. Se você quiser que sua imagem da capa do Facebook fique nítida em telas grandes, você precisa dobrar o tamanho da imagem:
- 1.702px largura x 720px altura: tamanho de tela perfeito para desktop e celular
Acima, você tem as dimensões finais da tela. A sua imagem da capa do Facebook estará de acordo com essas dimensões.
Anular algumas armadilhas comuns
Agora que você conheça as dimensões da sua capa do Facebook, você pode começar a desenhar a sua imagem de cobertura. Um visitante da sua página verá uma parte ou toda a sua imagem da capa, dependendo se está visitando de uma tela grande (desktop do laptop) ou de um dispositivo móvel.
Visitas de tela grande verão toda a imagem da capa. Os visitantes móveis verão apenas a área azul claro. Facebook vai cortar os lados.
Revisiting Plates’ broken Facebook cover image
Earlier, você viu Plates quebrado imagem da capa do Facebook. Fica bem em laptops e desktops.
A página do Facebook das Placas fica muito diferente no celular. Abaixo está o que os clientes vêem nos seus telemóveis. Um grande pedaço do logotipo está faltando, e o texto é ilegível.
Quando você coloca a imagem da capa do Facebook Plates em cima das dimensões identificadas anteriormente, é fácil ver o que aconteceu. O Facebook mostra apenas o centro da imagem como a capa no telemóvel. O resto é cortado da vista e é informação perdida.
Criando o seu modelo de capa do Facebook
Para desenhar a sua imagem da capa do Facebook, você vai usar as dimensões que nós fornecemos anteriormente.
- Desenhar uma caixa com 1.702 pixels de largura e 720 pixels de altura
- Utilizando uma cor diferente, desenhe outra caixa com 1.280 pixels de largura e 720 pixels de altura
- Centre a caixa menor em cima da maior
Você deve ter algo que se pareça com o modelo abaixo. Adicionamos algumas linhas horizontais e verticais como ajudantes de composição para mostrar a Regra dos Terços. As linhas verticais não são exatamente posicionadas, porque as imagens da tela grande e pequena do Facebook têm proporções diferentes. No entanto, elas estão próximas, e os lados dos símbolos em negrito mais mostram a diferença entre as duas. Organize seu conteúdo em torno dos símbolos mais, e você deve terminar com algo que seja agradável para a maioria dos olhos.
Desenhar sua imagem da capa do Facebook
Agora, selecione uma imagem que você gosta, e coloque-a em cima das duas caixas que você criou. Torne a imagem mais transparente, para que você possa ver as caixas por baixo dela. Você vai corrigir isso mais tarde. Você deve ver algo como isto:
A área azul claro aparecerá no desktop e no celular. A área azul escura só será visível em desktops e laptops. Uma vez que sua imagem for colocada da maneira que você deseja, adicione qualquer texto ou gráfico.
Remover a transparência da imagem. Neste ponto, você não deve ver as caixas de fundo que você fez. Na verdade, você deve ver a imagem da capa do Facebook exatamente como os visitantes da sua página a verão quando visitarem de um desktop ou laptop.
Você fez todo o trabalho duro. Carregue a sua imagem completa no Facebook e configure-a como sua imagem da capa. Depois, visite a sua página do Facebook a partir de um dispositivo móvel. Deve ser assim:
Você conseguiu!
Esperamos que este guia tenha sido útil. Se foi, diga-nos. Nós fizemos nosso modelo de imagem da capa do Facebook gratuitamente para download em alguns formatos.
- Baixar o modelo como um arquivo Sketch
- Baixar o modelo como um JPG de 1.702px x 720px
Deixe uma resposta