Olá galerinha, estou aqui com um post sobre tamanho de arte para capa do facebook.

Então qual será o tamanho correto para fazermos a arte de capa?

Vamos ver o que a Ajuda do Facebook Diz:

Então, qual tamanho usar? 820×312 / 640×360 / 400×150 ou 851×315. Alguém ai sabe?

Vou dizer uma coisa, nenhum deles. hahahahaha verdade.

Por que?

Se você fizer a arte 851×315 ou 820×312, a arte vai ficar linda e maravilhosa para quem visualizar no Desktop, mas ficará cortada nas laterais quando visualizada nos smartphones.

Se você fizer a arte 640×360, a arte ficará, ótima nos smartphones, mas ficará em baixa qualidade e cortada quando vista nos desktops.

Se você fizer 400×150 pixels a arte ficará em baixa qualidade em todos.

Até grande veículos da comunicação pecam no quesito, capa do facebook. Veja por exemplo esta capa do portal G1, no Desktop fica certinha.

Mas quando vamos para o Smartphone ela corta informações importantes da imagem.

Temos que lembrar que atualmente o mundo digital é responsivo, ou seja a mesma imagem deve servir para diferentes telas, dispositivos e dimensões. Então qual tamanho utilizar?

Vamos analisar melhor as informações.

820×312 ou 851×315 é uma proporção de aproximadamente 2,7:1 e 640×320 é uma proporção de 2:1
Então o ideal seria aumentarmos o tamanho de 640×320 proporcionalmente, até a largura ficar igual a 851 pixels.

Assim teremos uma imagem de 851×479 pixels.

Mas Junior, a imagem vai ficar cortada no desktop? sim. mas agora é um corte estratégico.

Configurando o Documento no Photoshop

Vamos para o Photoshop, crie um arquivo de 851×479 pixels

Agora vamos dividir a imagem, sendo que a parte superior dela, tenha os 315 pixels de altura.

Vá no menu, VIEW – NEW GUIDE / VISUALIZAR – NOVA GUIA. Marque a opção Horizontal e coloque 315 pixels na posição.

Seu documento ficará assim.

Agora entenda o seguinte, toda arte que ficar acima da nossa linha guia aparecerá em todos os dispositivos, a parte da arte que ficar abaixo da linha guia será visível apenas em smartphones.

Eis um exemplo de arte:

Na parte de baixo você pode deixar sem nada (caso opte usar essa imagem em capa de perfil pessoal), ou fazer algo que faça com que os visitantes se interesse em clicar no botão de ação (quando usada em páginas do facebook).

Ao fazer o upload, prefira fazer pelo desktop, para posicionar corretamente a imagem. Veja como ficou a minha imagem de capa, no computador e no smartphone. E lembre-se de sempre fazer o upload em PNG.

E ai… o que achou dessa dica?
Se ela foi de ajuda para você, curte e compartilha com seus amigos.

Um forte abraço e até um próximo artigo.