Novos tamanhos de imagens para Facebook e capa responsiva

Recentemente o foram liberados dois novos tamanhos de imagens para Facebook, com essa mudança poderemos ter mais liberdade na hora de criar nossos conteúdos. O mais legal desses novos tamanhos é que eles ficam bem tanto no celular como no desktop!

Novos tamanhos de imagens para Facebook

Os novos tamanhos são: 500×650 e 1000×1300, vale lembrar que essa mudança, pelo menos por hora, não anula os tamanhos já usados anteriormente que é o formato padrão 1200×1200 e o formato para postagens com links 1230×630. No final da matéria tem um arquivo com todos PSDs desses formatos incluindo, dois PSDs para arte de página e perfil pessoal, pra ajudar vocês a criarem artes mais precisas!

Capa responsiva para páginas e perfil pessoal

Como a gente bem sabe, o Facebook não disponibiliza o recurso de capas responsivas, porém eu fiz algumas medições e recriei no Photoshop a mesma estrutura encontrada nas páginas e perfis, com isso, consegui criar uma “safe area”, que nadda mais é que uma área para você colocar o conteúdo mais importante, assim ele vai aparecer bem em qualquer dispositivo!

Confira: 

tamanhos de imagens para Facebook

Como eu disse, eu mesmo fiz as medições, e cheguei nos valores reais mostrados para o usuário, justamente por isso, existe uma divergência entra outros valores mostrados em outros site, porém, nem eu nem eles estamos errados! E vou explicar isso, mas antes confira minhas medições.

Arte Perfil

tamanhos de imagens para Facebook

Arte páginas

tamanhos de imagens para Facebook

Diferenças entre minhas medidas e as convencionais

A diferença entre minhas medições e as convencionais é que eu não somei no tamanho total das artes, as bordas que o Facebook tem envolvendo as mesmas, por exemplo: existe uma borda minima de cerca de um 1px que envolve as capas, essa borda é semi transparente e fica com a coloração apenas um pouco mais escura que a coloração da arte da capa!

Outro ponto importante é a foto de perfil, o tamanho mínimo para a mesma é 180×180 o Facebook não deixa upar uma menor, porém, como vocês vão ver nos PSDs, a área interna da foto de perfil tem apenas 160×160, o que acontece é que existe uma borda branca de 10px de cada lado e parte da sua foto fica dentro dessa borda! Então se quiser criar aquelas artes personalizadas, levem em conta essas medidas!

Exemplo de capa personalizada

tamanhos de imagens para Facebook
Reprodução / Google Imagens

Por fim, vou deixar disponíveis os PSDs com as medições exatas, recomendo criem as artes dentro do próprio PSD e depois exportem só as camadas separadas, caso fiquem com dúvidas, deixe nos comentários e eu gravo um vídeo ajudando!

Baixe os PSDs

[emaillocker id=795]   Facebook.zip (441 downloads) [/emaillocker]