Gerador

Imagem

Editor

Gerador de Imagem Open Graph

Criador grátis de og:image e cards sociais. Crie imagens de preview de link para Facebook, Twitter, LinkedIn. Exporte PNG, JPG ou WebP em 2x retina.

Tem feedback? Reporte bugs, sugira recursos ou compartilhe suas ideias — lemos todos

Sobre o Gerador de Imagem Open Graph

O Gerador de Imagem Open Graph ajuda você a criar imagens de preview profissionais e atraentes para compartilhamento em redes sociais. Quando você compartilha um link no Facebook, Twitter, LinkedIn ou outras plataformas sociais, a imagem Open Graph (og:image) é o que aparece no card de preview do link.

A ferramenta suporta todas as proporções padrão: 1200 × 630 (1.91:1) para Facebook e LinkedIn, 1200 × 675 (16:9) para os cards summary_large_image do Twitter/X e 1080 × 1080 (1:1) para Instagram. Personalize cada aspecto da sua imagem OG — título, descrição, cores, fundos, gradientes, ícones e marca — e exporte como PNG, JPG ou WebP em resolução 1x ou 2x retina, com estimativa de tamanho de arquivo em tempo real para você ficar sempre abaixo do limite de upload de cada plataforma.

O que é uma imagem Open Graph?

Uma imagem Open Graph (OG) é a imagem em miniatura que aparece quando você compartilha um link de página web em plataformas de redes sociais como Facebook, Twitter, LinkedIn e outras. Ela é definida nas meta tags HTML da sua página (og:image) e impacta significativamente as taxas de clique e engajamento.

Uma imagem OG bem projetada pode aumentar o engajamento nas redes sociais em até 120% comparado a posts sem imagens.

Quais são as dimensões recomendadas?

Diferentes plataformas têm tamanhos ótimos diferentes:

• Facebook e LinkedIn: 1200 × 630 pixels (proporção 1.91:1)
• Twitter: 1200 × 675 pixels (proporção 16:9)
• Instagram: 1080 × 1080 pixels (proporção 1:1)

O tamanho mais universal é 1200 × 630 pixels, que funciona bem na maioria das plataformas. Sempre use pelo menos 1200px de largura para exibição de alta qualidade em dispositivos modernos.

Posso usar minha própria imagem de fundo?

Sim! Você pode enviar sua própria imagem de fundo na aba Design. A ferramenta suporta formatos JPG, PNG e WebP. Você também pode ajustar a opacidade do fundo para criar efeitos de sobreposição que mantêm seu texto legível sobre imagens ocupadas.

Qual formato de arquivo devo usar?

Para imagens Open Graph, use:

• PNG: Melhor para imagens com texto, logos e gráficos com transparência
• JPG: Melhor para fundos fotográficos, tamanho de arquivo menor
• WebP: Formato moderno com excelente compressão (suportado pela maioria das plataformas)

Mantenha o tamanho do arquivo abaixo de 5MB para velocidade ideal de carregamento. A maioria das plataformas sociais comprimirá a imagem de qualquer forma, então PNG é tipicamente a escolha mais segura para qualidade.

Como implementar a imagem OG no meu site?

Após gerar e baixar sua imagem, faça upload para seu site e adicione estas meta tags na seção <head> do seu HTML:

<meta property="og:image" content="https://seusite.com.br/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:image" content="https://seusite.com.br/og-image.png">

Use URLs absolutas (https://... completo) para o caminho da imagem. Teste sua implementação com o Depurador de Compartilhamento do Facebook ou Validador de Card do Twitter.

Gerador de Imagem Open Graph — Criador grátis de og:image e cards sociais. Crie imagens de preview de link para Facebook, Twitter, LinkedIn. Exporte PN — **Gerador de Imagem Open Graph**

Posso adicionar meu logo à imagem OG?

Sim! Você pode enviar um logo ou ícone e posicioná-lo (esquerda, centro ou direita) na sua imagem OG. Isso ajuda com reconhecimento de marca e torna seus links compartilhados mais profissionais e confiáveis. Logos PNG transparentes funcionam melhor para flexibilidade com diferentes fundos.

Qual é o tamanho máximo de arquivo de uma imagem OG?

Cada plataforma impõe seu próprio limite. O Twitter/X rejeita imagens acima de 5 MB. O Facebook recomenda manter os arquivos og:image abaixo de 8 MB (e idealmente bem menos, para um rastreamento rápido). O LinkedIn aceita aproximadamente até 5 MB. Se um fundo cheio de fotos te fizer ultrapassar o limite, troque o formato de exportação desta ferramenta para JPG ou WebP e reduza o controle de qualidade — ambos comprimem muito mais do que o PNG. A estimativa de tamanho em tempo real ao lado do seletor de formato mostra o peso atual antes de você baixar, para confirmar que está abaixo do limite.

Por que minha imagem OG não atualiza? Como limpar o cache?

As plataformas sociais armazenam em cache a primeira og:image que rastreiam, então uma imagem nova muitas vezes não aparece de imediato. Para forçar a atualização: no Facebook, abra o Sharing Debugger (developers.facebook.com/tools/debug), cole sua URL e clique em 'Scrape Again'. No LinkedIn, use o Post Inspector (linkedin.com/post-inspector) e reinspecione a URL. No Twitter/X, o Card validator e um novo compartilhamento normalmente atualizam. Adicionar um parâmetro de versão à URL da imagem (por exemplo og-image.png?v=2) também vence caches teimosos.

PNG, JPG ou WebP — qual formato de exportação escolher?

Depende do seu fundo. O PNG é sem perdas e ideal para cores chapadas, gradientes, texto e logos com bordas nítidas, mas o tamanho cresce rápido com fotos. O JPG é melhor para fundos fotográficos e gera arquivos muito menores — perfeito quando você precisa ficar abaixo do limite de 5 MB do Twitter. O WebP oferece a melhor compressão de todos e é suportado por Facebook, LinkedIn e X, sendo uma ótima opção padrão para cards cheios de fotos. Use o controle de qualidade (50–100%) com JPG ou WebP para equilibrar nitidez e tamanho, e escolha a opção 2x para exibição retina nítida em telas de alta densidade.

Qual a diferença entre os cards summary_large_image e summary do Twitter?

O Twitter/X suporta dois tipos de card. O 'summary_large_image' exibe um banner grande de largura total usando uma imagem de 1200 × 675 (16:9) — é o que a maioria dos blogs e páginas de marketing quer, e é a predefinição 'Twitter' de 1200 × 675 desta ferramenta. O card 'summary' simples exibe uma miniatura quadrada menor (próxima de 1:1) ao lado do texto, mais adequada para ícones ou avatares. Defina o tipo de card nas suas meta tags com <meta name="twitter:card" content="summary_large_image"> e forneça um twitter:image correspondente.

Veja também

FERRAMENTAS DE REDES SOCIAIS19

WUTOOLS