Tamanho da imagem open graph: 1200 × 630 para todas as plataformas
O tamanho da imagem open graph que serve em todo lugar é 1200 × 630 pixels, JPG ou PNG, menos de 5 MB. Os números, a origem, a marcação e três comandos para conferir.
O tamanho da imagem open graph tem uma resposta que serve para todas as plataformas ao mesmo tempo: 1200 × 630 pixels, JPG ou PNG, menos de 5 MB. Esse único arquivo atende ao mínimo recomendado pelo Meta, fica na proporção 1.91:1 pedida, passa abaixo dos dois limites de peso documentados e serve de reserva para o card do X. Não é preciso um conjunto. São necessários uma imagem e quatro linhas de marcação.
Antes desta página
Este capítulo parte do princípio de que as quatro propriedades Open Graph obrigatórias já estão nas suas páginas. Se não tiver certeza, a contagem em 26 páginas iniciais reais está em open graph tags on 26 homepages (em inglês), com a lista oficial do que conta como obrigatório. Para a tag vizinha que descreve a página nos resultados, veja como escrever uma meta description.
Por que um arquivo resolve
Toda plataforma que mostra uma prévia lê as mesmas duas famílias de tags, na mesma ordem, e recorta o resultado no próprio quadro. A imagem que você entrega é uma entrada para o layout de outra pessoa. Por isso um único arquivo generoso vence uma pasta de variantes por plataforma: você não controla o recorte, então controla a fonte.
O protocolo Open Graph coloca og:image entre as quatro propriedades obrigatórias. Também define as propriedades opcionais de largura, altura e descrição. E, se você fornecer várias: «Se uma tag puder ter múltiplos valores, basta colocar várias versões da mesma meta tag na página. A primeira tag, de cima para baixo, tem preferência em caso de conflito» (ogp.me, consultado em 2026-10-27).
A imagem é o seu arquivo. O recorte pertence a quem a exibe. Dimensione para o quadro que você não vê.
Tamanho da imagem open graph: os números e a origem
Duas fontes publicadas definem as restrições e não se contradizem: vale o limite mais rígido. O levantamento de 26 páginas iniciais citado abaixo foi feito em 2026-08-27 e não foi repetido para esta versão em português.
| Restrição | Valor | Fonte |
|---|---|---|
| Tamanho ideal | pelo menos 1200 × 630 | Docs do Meta |
| Tamanho mínimo | 200 × 200 | Docs do Meta |
| Proporção | próxima de 1.91:1 | Docs do Meta |
| Peso máximo | 8 MB | Docs do Meta |
| Peso máximo | menos de 5 MB | Ref. card do X |
| Formatos | JPG, PNG, WEBP, GIF | Ref. card do X |
| SVG | não suportado | Ref. card do X |
O Meta pede imagens «de pelo menos 1200 x 630 pixels para a melhor exibição em telas de alta resolução», com mínimo de 200 x 200 e proporção o mais próxima possível de 1.91:1 para mostrar a imagem inteira no feed sem corte. O X informa que as imagens devem ter menos de 5 MB, que aceita JPG, PNG, WEBP e GIF, que de um GIF animado só o primeiro quadro é usado e que SVG não é suportado (documentação do Meta e referência de cards do X, verificadas em 2026-08-27).
A interseção segura é 1200 × 630, JPG ou PNG, abaixo de 5 MB. É esse número que você passa para quem produz o arquivo.
A marcação para colar
Quatro linhas fazem o trabalho obrigatório; a quinta e a sexta evitam uma ida e volta e descrevem a imagem. Apenas URL absolutas: um caminho relativo à raiz é a forma mais comum de quebrar isso.
<meta property="og:image" content="https://exemplo.com.br/og/inicio.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Uma linha que descreve a imagem">
<meta name="twitter:card" content="summary_large_image">Repare nos atributos. Valores Open Graph vão em property; os do card do X, em name. As duas famílias são lidas em qualquer um dos dois, mas no nosso levantamento de 2026-08-27 sobre 26 páginas iniciais, três sites escreviam pelo menos uma dessas tags no atributo errado, incluindo o MDN, que coloca suas dez tags og: em name.
Como verificar em três comandos
Rode contra uma URL publicada. Cada um termina em um valor comparável à tabela acima.
- Leia o que a página declara:
curl -sL --compressed -A 'Mozilla/5.0' https://exemplo.com.br/ | grep -o '<meta[^>]*og:image[^>]*>'. Se não vier nada, a tag é inserida por script e a maioria dos leitores nunca vai vê-la. - Confirme que a URL é absoluta e responde: copie o valor de content e rode
curl -sI <url> | head -3. Você quer um 200 e um content type de imagem. Um 404 aqui aparece como nenhuma imagem e nenhum erro. - Confirme que o tamanho real em pixels bate com o declarado. No macOS:
sips -g pixelWidth -g pixelHeight arquivo.jpg. Declarar 1200 × 630 em um arquivo de 800 × 600 é pior do que não declarar nada, porque a plataforma reserva um espaço que nunca vai receber.
Três erros comuns
Os três aparecem na marcação ou em uma requisição HTTP. Nenhum exige uma prévia renderizada para ser encontrado.
- Caminho relativo em
og:image. O protocolo espera uma URL. No levantamento de 2026-08-27 sobre 26 páginas iniciais, um site declaravaog:imageetwitter:imagecomo/dev-cdn/v/marketing/…. Quem não resolve a partir da URL da página não recebe nada, e o seu navegador nunca mostra o problema. - Um logo em vez de um banner. Um arquivo quadrado em um quadro 1.91:1 fica com faixas ou é recortado no centro. No mesmo levantamento, dos sete sites que declaravam dimensões, quatro informavam menos de 1200 × 630: 400 × 400, 512 × 512, 800 × 600 e 1024 × 1024.
- Texto embutido na imagem. O que você escrever ali será recortado por quadros que você não vê, e fica invisível para tudo que lê texto. Coloque as palavras em
og:title, onde já são lidas.
Onde isso para de ajudar
Acertar o tamanho não atualiza a prévia. Cada plataforma guarda em cache o que buscou na primeira vez, e nenhuma relê no seu calendário. Se mudar o arquivo, mude também a URL: um caminho novo é o único mecanismo de cache que funciona igual em todos os lugares.
O segundo limite é a medição. Não verificamos nenhuma prévia renderizada em plataforma alguma. Fazer isso com honestidade exigiria publicar um link real em cada uma, e os validadores que respondiam essa pergunta estão atrás de login. Tudo aqui vem de requisitos publicados e do que 26 páginas iniciais declaram de fato. Se uma plataforma recortar sua imagem de um jeito que esta página não prevê, a plataforma está certa e esta página está incompleta.
Perguntas frequentes
Qual é o tamanho correto da imagem Open Graph?
1200 × 630 pixels, o mínimo recomendado pelo Meta para telas de alta resolução e a proporção 1.91:1 pedida. Mantenha o arquivo abaixo de 5 MB para atender também ao limite do X, e em JPG ou PNG para passar em todas as listas de formatos.
Preciso de uma imagem separada para o X?
Não. A referência de cards do X documenta og:image como reserva de twitter:image, então um arquivo cobre os dois. Adicione outro só se realmente precisarem ser diferentes, sabendo que você terá dois arquivos para manter sincronizados.
Por que minha prévia não mostra imagem?
Por ordem de frequência: a URL é relativa, não retorna 200, a tag é inserida por script e não estava no HTML entregue, ou o arquivo é SVG. O X diz claramente que SVG não é suportado.
Devo declarar og:image:width e og:image:height?
São opcionais e ajudam, porque quem conhece as dimensões pode reservar o card antes de a imagem chegar. Declare apenas se forem verdadeiras. No nosso levantamento, só sete de 26 páginas iniciais as declaravam.
og:image:alt importa?
É a descrição acessível da imagem do card, e quase ninguém escreve: três de 26 no nosso levantamento. Custa uma linha. Para ver o que essas mesmas páginas enviam do lado do X, consulte twitter card tags on 26 homepages (em inglês), e para entender o que um mecanismo recebe da sua página antes de analisá-la, veja o registro de promoção do QueryWin.
Faz parte do guia do QueryWin · Nível 2
