Novas Dimensões de Capa para Fanpage no Facebook

Post Atualizado em: 3 de Janeiro de 2017

O Facebook faz parte das estratégias de Marketing Digital das empresas, e está constantemente em mudanças. Principalmente no tocante à valorização das imagens. Vamos conhecer aqui as novas dimensões de Capa para Fanpage no Facebook. Usar bem o tamanho correto das imagens, é importantíssimo para uma melhor primeira impressão.

Update de Dimensões da Capa: 03 de Janeiro de 2017

E mais uma vez estamos aqui atualizando esta publicação, pois o Facebook fez novas alterações nas Fanpages. Agora a mudança é bem mais radical, com vários itens mudando de lugar. O layout ficou bem parecido com a primeira aparência de quando surgiram as fanpages, lá pelos idos de 2012. Os itens agora estão dispostos da seguinte maneira:

  • Foto de Perfil estão à esquerda do layout, no canto superior;
  • As Guias Dinâmicas também estão à esquerda;
  • A Imagem da Capa está à direita, completando toda a largura do layout e sem nenhum botão ou outro item sobrepondo a capa;
  • A Timeline (Feed) fica na coluna Central;
  • Todos os demais itens (busca, Sobre, Aplicativos, Vídeos etc) estão agora à direita do layout.
novas-capa-para-facebook-layout-julho-2016-medidas

Layout de Capa das Fanpages – (Julho de 2016)

Novas Dimensões de Capa

Segundo a documentação do Facebook, a nova capa tem dimensões um pouco menores que as anteriores, que eram 828x315px. Vejamos abaixo as novas dimensões de capa para Fanpage no Facebook. Os tamanhos aqui apresentados são para exibição em Desktops e Smartphones. (atualizado em 3 de janeiro de 2017)

dicasdogreb-novas-medidas-capa-facebook-2017

Novas Dimensões de Capa (Janeiro 2017)

  • A Capa da Fanpage apresenta-se com dimensões de 820x312px
  • O Avatar do lado esquerdo e apresenta-se com dimensões de 170x170px (o ideal a ser enviado com 360x360px)

Capa para Fanpage ajustada ao Celular
Como prometemos, também segue aqui o tamanho adaptado para Mobile (Celulares e Smartphones). Sabemos que a maioria das pessoas acessam o Facebook através do celular, e havia um problema de “encaixe” na visualização de capa nestes dispositivos. Com esta adptação (hack) de tamanho, a imagem de capa irá se ajustar em ambos os ambientes: desktop e mobile.

  • As medidas para ajustes no ambiente Mobile são: 820x462px. Sendo 150px, o espaço extra além dos 315px da medida padrão.

E para melhorar ainda mais esta dica, vamos disponibilizar para você o arquivo base para que você possa já ir preparando o novo layout da capa da sua fanpage, adaptado às novas dimensões, tanto Desktop como Mobile.

Faça o Download do arquivo nos formatos CDR (CorelDRAW), CPT (Corel PHOTO-Paint) e PSD (Photoshop) no botão abaixo:

Dica Extra > Para Fanpages: Salve o arquivo sempre em PNG-24Bits. Para Perfis: Salve o arquivo em JPG (de preferência com peso abaixo de 100Kb).

OBS: Atualizaremos este post, caso alguma outra mudança relacionado ao tamanho da capa aconteça.


Quer saber mais sobre Facebook? Aprender como transformar fãs em clientes?
Clica no banner abaixo e encontre todas as respostas.

Quer aprender mais? Transforme fãs em Clientes!


Façam bom proveito do gabarito das Novas Dimensões de Capa para Fanpage, que disponibilizamos para vocês, e quaisquer outras mudanças publicaremos por aqui.
Deixe seu comentário, Compartilhe em suas Redes Sociais e Obrigado pela visita!

  • André Crevilaro

    Massa, valeu pelas dicas!

    • De nada! 🙂

    • Olá André! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Aleex Pro

    Excelente! 😀

    • Vlw Aleex!

    • Olá Alex! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Lamartyne Carias

    Como sempre bem antenado nas paradas @ivanbergmoreira:disqus
    massa top

  • Alex

    Não gostei, pois esse “degradê” na capa ficou horrivel, wtf

    • Quanto ao “degradê”, é vdd Alex! Mas jah retiraram, ontem mesmo. Quanto ao novo layout esse sim ficou bacana.

  • Cassiano Araujo

    Mto bacana a dica.. Sabe-se ja os formatos de post tb? Tem em algum link gringo?

    • Vlw! Cassiano, até o momento não vi alterações de tamanhos relacionadas aos posts.

    • Olá Cassiano! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Rodrigo Canto

    Muito obrigado, estava a dois dias procurando saber as novas dimensões. Na ajuda do facebook está ainda o modelo antigo… Parabéns…

    • Vlw Rodrigo!

    • Olá Rodrigo! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Lucas Lopes Lima

    Excelente post, muito obrigado.

    Queria aproveitar pra tirar uma dúvida e relatar o aconteceu comigo na prática.

    Quando você sobe a imagem no tamanho descrito no tutorial(981×363) o facebook já cria uma nova imagem 960×355 e depois diminui mais ainda para 908×315 como mostra na imagem abaixo. Isso é temporário? As timelines vão ficar com o tamanho original (981×363)?

    • Bem, tá tudo normal aqui.

    • Olá Lucas! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Lamartyne Carias

    E para Perfil pessoal?

    • As novas medidas são proporcionais às anteriores. Portanto, pode usar o mesmo tamanho sem problemas, pois vai se ajustar. Mas o tamanho é específico para Fanpages. No caso de Perfil a dica é usar JPG com peso do arquivo abaixo de 100Kb

    • Olá Lamartyne! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Ricardo Rodrigues

    Bom dia! Salvar em formato *.JPG ( 72dpi ou 300dpi ) ?

    • Lucas Lopes Lima

      Sempre usar 72dpi quando trabalhar com imagens para internet. 300dpi é apenas para impressão.

    • Olá Ricardo! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Andrey

    Não consigo ver as paginas com os novos layouts. tem que faze algo ? ou esperar a atualização para todos ?

    • Só esperar mesmo!

    • Olá Andrey! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Bel Balieiro

    Valeu! Estava procurando essa informação. Obrigado! =D

    • Obrigado a você por nos acompanhar! 🙂

    • Olá Bel! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

      • Bel Balieiro

        Obrigada =D

      • Consuelo Ivo

        Muito bom, infelizmente eu não estou conseguindo abrir o arquivo no Corel, mesma versão aqui na máquina. Será que o arquivo corrompeu? Obrigada!

  • Luiz Fellipe Guarino

    Olha to fazendo minha capa por essas medidas e esta cortando lateral direita. Nao é 931 não a nova dimensão.

    • Luiz Fellipe Guarino

      tive que por 970 pela proporção.

      • Fiz uma atualização no post, informando o que constatamos até o momento.

    • O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Fabio Serafim

    A dica ajudou bastante. Muito bom.
    Será possível disponibilizar o .cdr da capa em uma versão inferior do Corel.
    É que uso o x6 e não consegui abrir.
    De qualquer forma agradeço muito.

    • Olá Fábio! O Facebook voltou atrás, não alterou o layout mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Felipe Geraldi

    boa tarde, cara minha fan page ainda esta nas dimensões antigas, ja alterei a foto da capa e do perfil mas as medidas continuam antigas.

    • Olá Felipe! O Face voltou atrás, mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Tivon

    Não é 828 e sim 851 !

  • Pingback: Universe Web | Novas Dimensões de Capa()

  • Saberia informar se esse formato novo será realmente implementado? Pois até o mês passado as capas estavam aos poucos aparecendo conforme o novo layout, mas hoje fui atualizar uma capa e ela estava no formato antigo.

    • Comente na Página da Mari Smith, e disse que sim. Mas por aqui voltou tudo ao antigo.

    • Ops! Não foi implementado. O Face voltou atrás, mas mudou os tamanhos. Atualizamos todo o post. Reveja e baixe o gabarito novamente. 🙂

  • Rodrigo Canto

    Legal q atualizaram o post, bem bacana…

  • Felipe Neri

    Grebnavi, a questão da área útil da capa tem mais um problema. Quando visualizamos no mobile, hoje, o Facebook trouxe o avatar para o meio da tela, então existe o risco de ter a informação que você quer passar encoberta justamente pelo avatar.
    Sem grandes pesquisas de proporções, só pelo olho, já notei que, no aplicativo de celular, a capa não perde em largura, mas ganha em altura. Teoricamente, subimos uma mesma imagem que vai ser usada em ambos, o ideal seria que essa proporção de 315px fosse ampliada, com conteúdo irrelevante e, na versão web, sofresse ajuste de posicionamento, para que, no mobile, ela possa ganhar essa margem de segurança.

  • Jefferson de Oliveira

    Obrigado amigo pelo gabarito,pessoas como você não imaginam o quanto ajudam as pessoas,forte abraço.

  • Jefferson de Oliveira

    Tenho uma dúvida,qual resolução e quantos DPis tenho que exportar para a
    capa ficar com qualidade perfeita,tipo capa de grandes empresas e do
    própio Disqus no facebook.

  • Jefferson de Oliveira

    Tenho uma dúvida,qual resolução e quantos DPis tenho que exportar para a
    capa ficar com qualidade perfeita,tipo capa de grandes empresas e da sua própia fan page..abraço amigo.

  • Sabrina Risaban

    Muito bom o artigo. Mas e quanto ao tamanho mobile?

  • Marvio Magalhães de Souza

    Quanto a página de eventos, quais as dimensões?

  • Leonardo Minutti

    Muito obrigado, amigo, e parabéns pelo excelente artigo, bem simplificado e direto.

  • Andre Venturini

    Boa noite…e em relação aos celulares??? As dimensões apresenadas serão visualizadas perfeitamente em smartphones?

  • Willian Santos

    tentei de todas as formas usar o gabarito para fazer combinação capa+avatar, mas o avatar nunca encaixa na capa corretamente.

    • Willian Santos

      consegui encaixar colocando um avatar de 210×210 e depois dando zoom no ajuste no facebook

  • No meu só no celular mudou, no pc continua igual. Será que vai ser atualizado aos poucos?

  • Rolava de ter em .ai, hein? Abraço!

    • David

      .eps na verdade

    • Matheus Souza Drums

      Abra o arquivo no Corel e salva como .AI

  • Janilto

    Como salvar em PNG-24Bits no CorelDRAW X7?

    • Arquivo, Exportar… escolha PNG. Pronto!

      • Janilto

        Eu coloquei: Arquivo, Exportar Para Web. Acho que deu no mesmo. Obrigado.

  • Evandro Ezegram

    Show de bola cara! Obrigado. Ganhou um leitor.

  • Quando provavelmente esse layout será atualizado ara todos users ???
    Aqui no trampo, metade acessa o layout novo e outra metade o antigo.

  • Erica Lopes

    Cara, muito obrigada. Havia tentado de tudo e nada dava certo.
    Ganhou uma seguidora.

  • Aline Pires Molin

    Obrigada, foi muito útil, ganhou uma seguidora. 😉

  • Lucy Schulze Harold

    E a imagem para o Post? Salvei em PNG com 600px de largura, mas está desfocada. Alguma dica?

    • João Sone

      Lucy, a imagem tem que ser salva com a largura padrão do facebook: 828px. Salvando com largura menor o FB vai ter que esticar sua imagem e por isso perde a qualidade. Em alguns casos, mesmo no tamanho correto, ele diminui. Por isso, apesar da resolução para web ser 72 estou salvando em PNG com 300 de resolução

  • Matheus Santos

    Boa noite Ivanberg Moreira. Parabens pelo post! Ficou muito bom e esclareceu uma das minhas dúvidas. Contudo ainda tenho uma: a dimensão para desktop é 828x315px e a dimensão para mobile é 828x475px, como eu faço para que a mesma capa se encaixe nos dois dispositivos? Ou ainda, tem como carregar uma capa para versão desktop e uma capa para versão mobile? Grato desde já.

    • João Sone

      Matheus, o arquivo a ser enviado é apenas um. O que você vai ter que fazer é acrescentar 160px de altura ao antigo tamanho de 828x315px. Nesse caso você faz a diagramação do seu conteúdo dentro do espaço visível para Desktop de Mobile e a area visível apenas para Mobile pode ser preenchida apenas com o plano de fundo por exemplo. Em anexo vai o modelo passado pelo Ivanberg como tamanho final, se você fizer um teste com ela vai perceber que a área com o texto “Conteúdo visível apenas no celular” só será visualizada no mobile mesmo, para isso encaixe a imagem no topo quando carrega-la. https://uploads.disquscdn.com/images/b7309f3f40f74cefa6c4299ee536db6c78d28f5afe46921a6953a7d4b61b16b8.png

  • Marcelo Ivanovitch

    Para quem pilota um grupo, a medida da capa é 784 x 248. 😉

  • VictorJay

    Não entendi esse hack para celular. Me confundiu completamente.
    Tenho que fazer uma unica imagem com o conteudo duplicado é isso?
    Um para PC e outro conteudo apenas na parte onde diz VISUALIZAÇÃO DO CELULAR no psd?

    Qual o tamanho devo subir unicamente? 828X315 OU 828X475px?
    Toda capa do facebook que eu vejo esta em 851×315.

    Ou devo fazer um tamanho 828x315px e no centro da imagem tem uma margem de visualização do celular?

  • Alexandre Britto

    Muito bacana ter atualizado as informações, mas talvez seria interessante fazer um novo artigo, e colocar como 2017. Está confuso os comentários que era dos tamanhos passados.

    Desde já agradeço por tirar um pouco do seu tempo, para fazer esse material, para a comunidade do design/socialmedia.

  • Post Atualizado em 03 de Janeiro de 2017!

  • Post Atualizado em 03 de Janeiro de 2017!
    Classifiquem os comentários por “sort by newest” para visualizarem os comentários mais recentes.

  • Leila Husein

    Muito bom, Ivanberg! Gratidão 🙂

  • Juliano Campos

    Ivanberg e as caps de grupo, qual melhor medida?
    pq as minhas sempre ficam uma b…….

  • Daniela Dias

    boa tarde, tenho visto em algumas fanpages o albúm de fotos e videos na lateral da página e nas minhas eles encontram-se junto as postagens, sabe como faço para que eles também fiquem na lateral, segue uma página com esse modelo https://www.facebook.com/blogdepoisdosquinze

  • Fabiano Hubner

    Valeu pela dica, deu tudo certo aqui!

  • Rafael Cipriani

    No caso tem que subir 2 arquivos ? um para desktop e um para mobile ?

    • Não! Apenas 01 arquivo. Se você enviar o que se adapta aos dois dispositivos, então eh só encaixar na posição correta.

      • Rafael Cipriani

        Obrigado Ivanberg, muito valiosa a dica.
        Deu certo por aqui.

  • Dirvan Filho

    Se fizer a arte querendo manter a altura sempre visível, por exemplo 1556×462 px, ele vai ajustar para desktop e cortar as laterais no mobile?

  • Carol SantAna

    Muito obrigada!!!

  • Dorival Weverton Eccard Mortea

    olá tudo bem? gostei do post me ajudou muito, principalmente o gabarito, mas como sou um pouco lerdo não entendi se tenho q fazer uma capa para o pc e outra para o app, ou se tenho que por os dois tamanhos no mesmo desenho? obrigado

  • Glaucia Ferreira

    Bom dia! Não existe um formato que sirva para o pc e o celular (ajustável)? Porque essa medida do gabarito para ver a capa no celular funciona, mas quando olho no pc fica cortada.

    • Você é quem deve controlar isso na hora de construir o layout, dividindo o conteúdo que será visível apenas no celular do conteúdo que será visto no desktop. Ao fazer o upload é só reposicionar a capa. Se você construir apenas nas medidas da capa para desktop, apenas uma parte dela será vista no celular (cortando dos lados). Por isso esse gabarito.

      • Fernanda Valadares

        Olá Ivanberg… desculpe se minha pergunta for muito obvia, mas não entendi como divido o conteúdo no layout para o celular e para o desktop! Baixei o gabarito, mas só vi as medidas para desktop… Fiz por la, mas ainda está cortando a imagem no celular! Aonde estou errando? Obrigada!

        • Fernanda Valadares

          Ola! Ja entendi! Obrigada!

  • Glaucia Ferreira
  • Rafael Rangel Medeiros

    Muito bom amigo! Obrigado e sorte, sempre

  • Beto Fabeni

    Olá. Mas é preciso criar 2 capas, uma para desktop e outra pra visualizar via mobile? Qual a relevância de nos passar as 2 medidas? Obrigado!