Se você usa o facebook, deve ter notado que os links agora vem com imagens bem maiores do que antes. A mudança ocorreu no dia 10 de setembro e afeta todos os compartilhamentos de links.

Facebook 2013-09-23 10-33-35

A partir de agora, o Facebook pode mostrar o seu link com 3 tamanhos de imagens diferentes, dependendo

Desktop

facebook-image-sizes-link

  • Novo tamanho: 400×209 px
  • No caso de imagem menor que o novo tamanho ela será renderizada como: 154×154 ou 90×90

Dispositivos móveis

  • Novo tamanho: 560×292 px
  • No caso de imagem menor: 100×100 px

Anúncios laterais

  • Novo tamanho: 100×72 px

Para ter uma imagem que renderize bem em qualquer visualização o Facebook recomenda imagens com 1200×627 de dimensão.

Qual imagem vai aparecer no Facebook?

O Facebook procura pelas tags do Open Graph para saber qual imagem exibir. No caso de não haver nenhuma, ele procura uma imagem na página compartilhada.

Para definir qual imagem deve ser usada no link, adicione a seguinte tag ao <head> da sua página:

<meta property="og:image" content="http://caminho-inteiro-para-imagem" />

Você pode ver mais informações sobre os tamanhos de links, imagens e textos na documentação oficial do Facebook.