Dimensões de imagens para Facebook, Pinterest e Twitter

Este artigo começou em 2013 como uma lista de píxeis para Facebook, Twitter, Google+ e Pinterest. As plataformas mudaram o layout várias vezes. As medidas abaixo estão atualizadas para partilha e pré-visualização em 2026, com o Google+ apenas como nota histórica.

Para editores WordPress o ponto não é memorizar todos os banners de perfil. É entregar um bom og:image, saber quando o Pinterest precisa de outro formato e perceber porque o scraper guarda a imagem antiga depois de trocares o ficheiro na Biblioteca de média. Em sites portugueses o mesmo problema aparece quando a URL vai para grupos no Facebook, para o WhatsApp Business ou para um post no LinkedIn: a pré-visualização sai das meta tags, não do feed do Instagram.

#O que controla de facto a pré-visualização

Quando alguém cola o teu URL no Facebook, LinkedIn, Slack ou num post no X, o scraper descarrega o HTML e lê as meta tags. As principais são Open Graph (og:title, og:description, og:image) e, para o X, Twitter Cards (twitter:card, twitter:image). Documentação da Meta: Sharing / images. Protocolo: ogp.me.

O núcleo do WordPress não envia um conjunto OG completo sozinho. Plugins SEO, hooks wp_head do tema ou um plugin custom definem-nos. Sem og:image, a plataforma cai numa imagem aleatória da página: muitas vezes um logo de 200 px ou um ícone no rodapé.

Lista prática antes de contares píxeis exactos:

1. URL HTTPS absoluto para a imagem (não caminho relativo).
2. Ficheiro público, sem login e sem bloqueio de hotlink.
3. Largura e altura grandes o suficiente para a plataforma não escalar um JPEG mole.
4. Texto importante numa «safe zone» ao centro, não nos cantos.

#Facebook e Meta: Open Graph em 2026

Para partilha de ligações continua seguro um horizontal perto de 1200 x 630 píxeis (proporção cerca de 1.91:1). Imagens mais pequenas funcionam tecnicamente, mas ficam moles em ecrãs grandes e em algumas superfícies de anúncios.

Foto de perfil, capa e Stories têm medidas de UI próprias que a Meta muda mais vezes do que o padrão OG. Usa a ajuda da Meta para desenhar a página; usa 1200x630 (ou maior na mesma proporção) para a gráfica de artigos e landings.

Erros habituais em temas WordPress:

• A imagem em destaque é 16:9 de vídeo e o scraper corta a cara ou o logo.
• O tema aponta og:image para um URL WebP com o qual alguns scrapers tiveram problemas históricos; JPEG ou PNG continuam a ser a escolha segura para ficheiros de partilha.
• O mesmo ficheiro serve de hero (largo) e de OG (recortado) sem crop próprio.

Testa com o Sharing Debugger. Depois de mudares a imagem: faz scrape de novo. Se o CDN tiver cache imutável no mesmo URL, carrega com outro nome de ficheiro e atualiza a meta tag.

#X (antigo Twitter): cartão com imagem grande

O X herdou as Twitter Cards. Para artigos e produtos o habitual é Summary Card with Large Image. Uma imagem à volta de 1200 x 628 está na mesma família do OG do Facebook, por isso uma master 1200x630 cobre ambas na maioria das redações. Documentação: Summary Card with Large Image.

twitter:card deve ser summary_large_image quando queres imagem grande. Sem essa tag, a pré-visualização pode cair para um cartão quadrado pequeno mesmo com og:image correto.

O banner de perfil no X é outra medida e muda com a UI. Pertence ao manual de marca, não ao og:image de cada artigo. Mantém a gráfica de partilha e o banner como dois assets distintos.

#Pinterest: vertical, não horizontal

O Pinterest é onde 1200x630 falha à vista. O feed favorece pins verticais perto de 2:3, por exemplo 1000 x 1500. Um OG horizontal vira uma faixa fina ou um corte feio.

Para lojas WooCommerce e conteúdo de inspiração ou receitas:

1. Cria uma variante vertical na Biblioteca de média (ou um campo «Pinterest image» no plugin SEO, se existir).
2. Não confies que a imagem em destaque chega se for um hero 16:9.
3. Mantém o texto grande e legível; os pins veem-se muitas vezes no telemóvel numa coluna estreita.

Os Rich Pins (produto, artigo, receita) dependem mais de dados estruturados e da validação no Pinterest do que da altura exacta em píxeis, mas a proporção continua a decidir a área clicável no feed. Em Portugal o Pinterest pesa menos que Instagram na maioria das marcas, mas quando a equipa de marketing o usa a sério, a master horizontal do Facebook não serve.

#Google+: só contexto histórico

O Google+ para consumidores foi encerrado em abril de 2019. A capa 940x180, as ribbon photos e as miniaturas de stream das listas de 2013 não são medidas para construir templates novos.

Porque o título ainda menciona Google+: o artigo tem ranking e ligações de entrada sob o slug antigo. Apagar o nome gera ruído de redirecionamentos sem ajudar o leitor. O honesto é dizer que a rede já não existe e que o que conta agora é Open Graph, cards do X e Pinterest.

Se encontrares botões Google+ hardcoded ou ligações rel=author em temas antigos: remove-os. Não dão valor de partilha e marcam código desatualizado. Em instalações portuguesas de 2014-2017 ainda aparecem em rodapés de temas «magazine» e em plugins de redes sociais abandonados.

#LinkedIn, Slack e o resto

A maioria das partilhas B2B cai no Open Graph. O LinkedIn também prefere horizontais da mesma família do Facebook. O Slack e muitos clientes de chat mostram og:image diretamente. O WhatsApp, ao pré-visualizar uma ligação, também se apoia em sinais tipo Open Graph do HTML.

Por isso uma boa master 1200x630 continua a ser o melhor investimento para um site WordPress empresarial. O Pinterest é a exceção que precisa de um ficheiro vertical próprio quando o canal é usado de verdade.

#Configuração WordPress sem adivinhar

Um fluxo que aguenta em produção:

1. Define um tamanho OG-master (1200x630) no sistema de design.
2. Regista um image size social-share no tema se cortares no servidor; muitas equipas exportam o ficheiro pronto a partir do Figma.
3. Define og:image (e tags de altura/largura se o plugin as suportar) por artigo ou com fallback para a imagem em destaque.
4. Para o X: twitter:card = summary_large_image a nível global no plugin SEO.
5. Para páginas orientadas ao Pinterest: campo próprio ou gráfica de pin manual.
6. Depois de publicar: Meta debugger e validador de cards do X no URL.

Evita gerar «title cards» com fundo preto e o H1 em tipografia enorme. No feed parecem-se uns com os outros e perdem frente a uma foto de produto ou a um screenshot. Usa foto real, diagrama ou UI - e mantém o ficheiro fora de padrões 1200x675 de title-card que algumas automações produziram.

#Listas de píxeis antigas: o que podes ignorar

A lista de 2013 incluía medidas de Sponsored Story, previews de álbum, caixas de apps na timeline e faixas de fundo do Twitter em percentagens. A maior parte desses elementos de UI desapareceu ou muda tantas vezes que um post de blog não pode ser a fonte da verdade.

Usa documentação oficial para:

• medidas de perfil e capa ao desenhar a própria página do Facebook
• formatos de anúncio no Ads Manager (têm as suas safe zones)
• ajuda Pinterest business para recomendações atuais de pins

Usa este artigo para partilhar a partir do WordPress: OG, Cards, proporção Pinterest e diagnóstico de cache.

#Diagnóstico quando a pré-visualização falha

Causas típicas, por ordem:

1. og:image incorrecto ou em falta no HTML (olha para o código-fonte, não só para a UI do plugin SEO).
2. URL relativo ou HTTP num site HTTPS.
3. Imagem atrás de auth, basic-auth de staging ou noindex que o scraper não atravessa.
4. Cache da plataforma (Meta debugger / validador X).
5. CDN ou plugin de imagens que reescreve o URL para uma variante que o scraper rejeita.
6. Várias tags og:image em conflito entre tema e plugin.

Quando mudas a imagem de um URL já muito partilhado: um nome de ficheiro novo sai mais barato do que lutar com cache imutável no mesmo caminho.

#Resumo das medidas de que realmente precisas

Mantém um peso de ficheiro razoável (tipicamente abaixo de algumas centenas de KB em JPEG quando o motivo o permite) para o scraper descarregar depressa, mas não esmagues tanto a qualidade que os degradés façam banding na pré-visualização.

Se o site tiver vários idiomas, usa o mesmo formato de imagem em todos os locales salvo se o texto na gráfica estiver traduzido. Hreflang não muda a forma como o Facebook lê og:image no URL concreto que foi colado.

Quando a gráfica de partilha, produtos WooCommerce e um tema antigo lutam pela imagem em destaque, raramente chega «pôr o Yoast em auto». É precisa uma estratégia de crop consciente no tema ou na rotina editorial. Para esse tipo de montagem podes contactar via desenvolvedor WordPress e deixar OG, Cards e variantes Pinterest sem adivinhar píxeis de 2013.