Redimensionador de Imagens OG Online
Crie imagens Open Graph perfeitamente dimensionadas para Facebook, Twitter/X, LinkedIn e Discord. Redimensione & corte para 1200×630 ou qualquer tamanho de plataforma. Gratuito, sem cadastro.
Solte seu arquivo aquiToque para escolher seu arquivo
ou
Supports M4A, WAV, FLAC, OGG, AAC, WMA, AIFF, OPUS • Max 100 MB
Como Criar uma Imagem OG
Enviar ou Capturar
Solte sua imagem na ferramenta — uma captura de tela, foto ou gráfico. Ou insira a URL de um site para capturar automaticamente uma captura de tela de qualquer página da web.
Escolher Tamanho
Escolha uma predefinição de plataforma — Facebook 1200×630, Twitter 1200×628, LinkedIn ou Discord. A imagem é cortada no centro para se adequar às dimensões exatas.
Baixar
Clique em Redimensionar & Baixar e obtenha sua imagem OG pronta para usar. Envie-a para seu site e faça referência a ela nas suas tags <meta>.
Tamanhos de Imagens OG para Cada Plataforma (2026)
Cada plataforma tem suas próprias dimensões recomendadas para imagens de visualização de links. Usar o tamanho errado resulta em corte, desfoque ou a imagem não aparecer.
| Plataforma | Uso | Tamanho (px) | Proporção | Tamanho Mín | Arquivo Máx |
|---|---|---|---|---|---|
| Compartilhamento de Link / og:image | 1200 × 630 | 1.91:1 | 600 × 315 | 8 MB | |
| Twitter / X | summary_large_image | 1200 × 628 | ~1.91:1 | 300 × 157 | 5 MB |
| Twitter / X | resumo (quadrado) | 800 × 800 | 1:1 | 144 × 144 | 5 MB |
| Link Compartilhado | 1200 × 627 | 1.91:1 | 200 × 200 | 5 MB | |
| Discord | Visualização de Embutido | 1200 × 630 | 1.91:1 | — | 8 MB |
| Slack | Visualização de Desdobramento | 1200 × 630 | 1.91:1 | — | — |
| Visualização de Link | 1200 × 630 | 1.91:1 | 300 × 200 | — | |
| Telegram | Visualização de Link | 1200 × 630 | 1.91:1 | — | 5 MB |
| Rich Pin | 1200 × 630 | 1.91:1 | — | — | |
| Trecho de Busca | 1200 × 630 | 1.91:1 | 1200 de largura | — |
Dica profissional: 1200 × 630 pixels funciona em todas as plataformas. Se você criar apenas uma imagem OG por página, use este tamanho. Para cartões de resumo do Twitter especificamente, adicione uma imagem quadrada separada de 800×800 via twitter:image.
O que é og:image? (Tags de Meta Open Graph)
og:image é uma tag de meta Open Graph que informa aos plataformas sociais qual imagem exibir quando alguém compartilha um link para sua página. Sem ela, as plataformas tentam detectar automaticamente uma imagem — geralmente escolhendo a errada, usando um pequeno logotipo ou não mostrando nada.
Como o Open Graph Funciona
O Facebook criou o protocolo Open Graph em 2010. Quando uma URL é compartilhada em mídias sociais, o rastreador da plataforma busca a página e lê as tags <meta property="og:..."> do <head>. A tag og:image especifica a URL da imagem de visualização.
Hoje, quase todas as plataformas suportam Open Graph: Facebook, Twitter/X (com fallback de twitter:image), LinkedIn, Discord, Slack, WhatsApp, Telegram, iMessage, Pinterest e até o Google para resultados de busca enriquecidos.
Tags og:image Essenciais
| Tag | Purpose |
|---|---|
og:image | URL da imagem de visualização (obrigatória, deve ser URL HTTPS absoluta) |
og:image:width | Largura da imagem em pixels (acelera a renderização — a plataforma não precisa baixar a imagem primeiro) |
og:image:height | Altura da imagem em pixels |
og:image:type | Tipo MIME: image/jpeg, image/png ou image/webp |
og:image:alt | Texto alternativo para acessibilidade (leitores de tela, falhas ao carregar imagem) |
Por que og:image é Importante para CTR
Links com imagens de visualização adequadas recebem 2 a 3 vezes mais cliques em mídias sociais comparado a links sem imagens. Uma imagem OG ausente ou quebrada torna links compartilhados pouco profissionais e reduz o engajamento. O Google também usa og:image para trechos de artigos em alguns resultados de busca.
Como Adicionar og:image ao Seu Site
Tags de Meta HTML
Adicione essas tags dentro do <head> de sua página:
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:alt" content="Description of the image">
<!-- Also include these for complete previews -->
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your page description">
<meta property="og:url" content="https://example.com/page">Tags do Twitter Card
O Twitter usa suas próprias tags de cartão, mas recorre a og:image se twitter:image estiver ausente:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/og-image.jpg">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Your page description">WordPress
Plugins de SEO como Yoast, Rank Math e All in One SEO lidam com tags OG automaticamente. Configure o campo “Imagem Social” ou “Imagem do Facebook” no editor de postagem. Envie uma imagem de 1200×630 especificamente para compartilhamento — não confie na imagem em destaque, que pode ter uma proporção diferente.
Next.js (App Router)
// app/page.tsx
export const metadata = {
openGraph: {
title: 'Your Page Title',
description: 'Your page description',
images: [{
url: 'https://example.com/og-image.jpg',
width: 1200,
height: 630,
alt: 'Description of the image',
}],
},
twitter: {
card: 'summary_large_image',
images: ['https://example.com/og-image.jpg'],
},
};Verificando Sua Imagem OG
Depois de adicionar as tags de meta, teste com estes depuradores de plataforma:
- Facebook: Sharing Debugger (developers.facebook.com/tools/debug/) — clique em “Scrape Again” para atualizar o cache
- Twitter: Card Validator (cards-dev.twitter.com/validator)
- LinkedIn: Post Inspector (linkedin.com/post-inspector/)
- Geral: opengraph.xyz — testa todas as plataformas de uma vez
Problemas Comuns com og:image (e Como Corrigi-los)
Imagem Não Aparece Quando Compartilhada
Causas: tag og:image ausente, URL da imagem retorna 404, imagem muito pequena (menor que 200×200) ou seu robots.txt bloqueia rastreadores de mídia social. Corrigir: verifique se a URL da imagem carrega em um navegador, certifique-se de que é uma URL HTTPS absoluta e confirme que seu servidor não bloqueia o agente do usuário da plataforma.
Imagem Errada Aparece
As plataformas armazenam imagens OG em cache agressivamente (24+ horas). Depois de atualizar seu og:image, use a ferramenta de depuração da plataforma para forçar uma nova busca. Para Facebook, abra o Sharing Debugger e clique em “Scrape Again”. Você também pode adicionar um parâmetro que invalida o cache à URL: ?v=2.
Imagem Fica Cortada Mal
Suas dimensões de imagem não correspondem à proporção esperada pela plataforma. Corrigir: redimensione para 1200×630 e mantenha conteúdo importante (texto, logotipos, rostos) dentro dos 80% centrais da imagem. Diferentes plataformas cortam ligeiramente diferente nas bordas.
Imagem Parece Desfocada
A imagem de origem é muito pequena ou muito compactada. Use pelo menos 1200 pixels de largura. Para telas retina, considere 2400×1260 (2x). Salve como JPG com qualidade 80+ ou use PNG para gráficos com texto nítido.
Funciona no Facebook mas Não no Twitter
O Twitter requer que a tag twitter:card esteja presente. Sem ela, o Twitter pode não mostrar nenhuma imagem mesmo se og:image estiver configurado. Adicione <meta name="twitter:card" content="summary_large_image"> para habilitar cartões de imagem grande.
Lista de Verificação de Melhores Práticas para og:image
og:image:width e og:image:height (acelera a renderização)og:image:alt para acessibilidadePerguntas Frequentes
og:image:width e og:image:height para que as plataformas renderizem a visualização mais rápido sem baixar a imagem completa primeiro. og:image está ausente, a URL da imagem retorna 404, a imagem é menor que 600×315 pixels ou seu robots.txt bloqueia o rastreador do Facebook. Use o Facebook Sharing Debugger (developers.facebook.com/tools/debug/) para diagnosticar o problema. Clique em “Scrape Again” para forçar o Facebook a buscar novamente sua página e limpar a visualização em cache. og:image não seja um fator de classificação direto do Google, páginas com imagens OG adequadas recebem 2 a 3 vezes mais cliques quando compartilhadas em mídias sociais, direcionando mais tráfego e sinais de engajamento. O Google também usa og:image para trechos enriquecidos de artigos em alguns resultados de busca. <head> de sua página: <meta property="og:image" content="https://yoursite.com/image.jpg">. Também inclua og:image:width (1200) e og:image:height (630) para renderização mais rápida. No WordPress, use o campo de imagem social do Yoast ou Rank Math. No Next.js, use a exportação de metadata em seu componente de página. API OG Image Resizing
Execute og image resizing programaticamente via API REST — grátis, sem cadastro, respostas JSON.
curl -X POST https://cleverutils.com/api/v1/tools/og-image-resizer \
-F "file=@your-file"