*OGImageTool*Gerador de imagens OG gratuito

Crie belas imagens OG, cabeçalhos Twitter/X e mais, gratuitamente, em poucos cliques.

100% gr?tis
Sem cadastro
Local e privado
Sem marca d'?gua

Galeria de pr?via

Veja o que voc? pode criar

Open Graph template preview 1 - social media image with clean layout
Open Graph template preview 2 - modern gradient background social card
Open Graph template preview 3 - minimalistic text focused preview image
Open Graph template preview 4 - dark mode themed social sharing graphic
Open Graph template preview 5 - elegant typography based social cover

Deslize para explorar

Twitter X profile header layout preview 1
Twitter X profile header layout preview 2 with gradient
Twitter X profile header layout preview 3 for developers

Deslize para explorar

Experimente agora

Preparing editor...

Por que escolher OGImageTool?

Tudo o que você precisa para criar imagens incríveis para redes sociais em segundos

Gratuito e sem registro

Comece a criar imagens OG profissionais instantaneamente - sem registro ou cartão de crédito.

Suporte multiplataforma

Gere imagens otimizadas para qualquer plataforma com as dimensões corretas.

Modelos profissionais

Escolha entre vários modelos profissionalmente projetados: Basic, Hero, Image Right, Notice e Logos.

Opções de exportação flexíveis

Exporte seus designs em PNG, JPEG ou WebP com tamanhos de arquivo otimizados.

Personalização avançada

Personalize cada aspecto com planos de fundo, padrões, gradientes e cores de marca personalizados.

Recursos de design modernos

Crie visuais impressionantes com tipografia premium e efeitos visuais.

Pré-visualização instantânea

Veja suas alterações em tempo real com nossa interface WYSIWYG.

Ultra rápido

Gere imagens profissionais para redes sociais em segundos.

Como adicionar imagem Open Graph

Adicione imagens de visualização para redes sociais ao seu site em minutos. Escolha seu método preferido abaixo (HTML ou Next.js App Router).

1. Salvar imagem

Salve a imagem OG gerada como og.png no diretório raiz do seu site.

2. Adicionar ao cabeçalho HTML

<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />

<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />

<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

Certifique-se de substituir yourdomain.com pelo seu nome de domínio real.

Dicas profissionais

  • Sempre forneça imagens alternativas caso a imagem OG falhe ao carregar
  • Teste suas imagens OG usando ferramentas de debug de redes sociais
  • Use textos alt descritivos para melhor acessibilidade
  • Considere usar imagens OG dinâmicas para conteúdos que mudam com frequência

Saiba mais