Gerador de Imagens OG Online Grátis
Crie imagens de prévia Open Graph de 1200×630 para Facebook, LinkedIn, X e Slack. Escolha entre 16 modelos personalizáveis e baixe em JPG ou PNG.
100% privado. Nada é enviado.
Principais recursos
16 Modelos Prontos
Prévia ao Vivo Enquanto Digita
- 100% baseado em navegador — Zero uploads
- Grátis — Não é necessário criar uma conta
Como Criar uma Imagem OG em 3 Passos
Insira seu conteúdo
Clique em Abrir Editor de Imagem OG, depois digite o Título, a Descrição e o Nome do Site. A prévia é atualizada enquanto você digita.
Escolha um modelo e uma cor de marca.
Escolha um dos 16 modelos, como Clean, Dark, Gradient ou Grid (Light). A maioria deles usa sua Cor da Marca. Adicione um logo ou uma foto de fundo em Imagem Personalizada, se quiser.
Baixe Sua Imagem
Em Exportar, escolha JPG ou PNG, depois clique em Baixar JPG ou Baixar PNG. O arquivo sempre sai em 1200×630 px, o tamanho padrão de imagem Open Graph.
Quando você precisa de uma imagem OG personalizada
Blog e conteúdo
- Crie uma prévia personalizada para cada postagem do blog antes de publicar.
- Crie imagens OG combinando com as páginas da sua documentação
- Desenhe prévias consistentes para páginas de arquivo de newsletter
- Faça seus links de artigos se destacarem no X, LinkedIn e Slack
Produto e SaaS
- Crie uma prévia com identidade visual para cada página de recurso
- Crie imagens OG para posts de changelog e lançamentos
- Crie cards para páginas de preços, sobre e cadastro
- Desenhe prévias para cada landing page de campanha
Desenvolvedores e Agências
- Faça um protótipo de card antes de construir um gerador dinâmico
- Crie uma imagem OG padrão para páginas que não têm a própria
- Crie cards de clientes com a cor da marca deles e seu logo
- Teste algumas versões de título lado a lado
O Que É uma Imagem Open Graph (OG)?
Uma imagem Open Graph, ou imagem OG, é a imagem que aparece quando alguém compartilha um link da sua página no Facebook, LinkedIn, X, Slack e apps parecidos. Você define isso com a tag og:image no HTML da página. Uma imagem de post de rede social é diferente: você faz esse upload manualmente em cada plataforma.
Tamanho, Formato e Teste de Imagem Open Graph
Uma boa imagem OG tem o tamanho certo, é leve o suficiente para carregar rápido e fácil de ler no tamanho de celular. Estas respostas ajudam você a acertar cada detalhe.
Qual o Melhor Tamanho de Imagem Open Graph?
Use 1200×630 px, proporção 1.91:1, que funciona em todas as principais plataformas. É esse o tamanho que este gerador cria. Cada plataforma tem seus próprios limites:
- Facebook: pelo menos 1200×630 para prévias nítidas. Abaixo de 600×315, o link mostra uma imagem pequena em vez de uma grande. Os arquivos podem ter até 8 MB.
- LinkedIn: pelo menos 1200×627 em 1.91:1, até 5 MB.
- X: os cards grandes usam proporção 2:1, então uma faixa fina no topo e na base de uma imagem 1200×630 pode ser cortada. Os arquivos devem ter menos de 5 MB.
JPG ou PNG: Qual Formato É Melhor para uma Imagem OG?
JPG é o padrão aqui e mantém a maioria dos cards leves. O controle de qualidade vai de 50% a 95%, e o tamanho estimado fica verde abaixo de 200 KB. PNG preserva cada pixel, mas pode chegar a 500 KB ou mais. Já tem uma imagem pronta? Use o modelo Post do Facebook (1200×630) no redimensionador de imagens em vez disso.
Logo ou Fundo: Como Adicionar Sua Própria Imagem?
Escolha o Modo de Imagem em Imagem Personalizada. Ele aceita arquivos JPG, PNG, WebP e SVG.
- Logo (sobreposição): sua imagem fica no canto inferior esquerdo do modelo escolhido, com cerca de 80 px de altura.
- Fundo (preenchimento): sua foto cobre todo o card e é recortada para se ajustar. As bordas ficam levemente escurecidas, e o texto fica sobre uma faixa escura na base.
- O modo de fundo usa seu próprio layout de texto, então o modelo escolhido não altera o resultado.
O Que Faz uma Boa Imagem OG?
A maioria das pessoas vê seu card no tamanho de celular, então mantenha o título curto e marcante. Os modelos mostram cerca de 65 a 70 caracteres do título e 110 a 120 da descrição, cortando o restante. Mantenha palavras-chave longe das bordas, já que alguns apps as recortam. Use o mesmo modelo e a mesma Cor da Marca em todas as páginas para que os leitores reconheçam seus links.
Como Testar Sua Imagem OG?
Publique a página e cole a URL no Sharing Debugger do Facebook ou no Post Inspector do LinkedIn. Ambos mostram o card e buscam uma cópia atualizada. No X, cole o link em um novo post: a prévia do card aparece sem precisar publicar. Se uma imagem antiga continuar aparecendo, envie a nova com um nome de arquivo diferente e atualize a tag.
Mais ferramentas de design e geração
Gere, converta e crie designs, tudo grátis e direto no navegador.
Gerador de Capturas de Tela
Crie capturas de tela de app store com mockups de dispositivos.
Gerador de Favicon
Exporte favicons em todos os tamanhos comuns a partir de uma imagem.
Gerador de código QR
Crie códigos QR para links, texto simples, login WiFi ou vCards.
Imagem para Base64
Codifique imagens como URLs de dados Base64 para incorporação em HTML e CSS.
Gerador de Imagens OG — Perguntas Frequentes
Perguntas frequentes sobre a criação de imagens Open Graph online
Qual é o tamanho correto da imagem OG?
Use 1200×630 pixels, proporção 1.91:1. Esta ferramenta sempre exporta exatamente nesse tamanho. O Facebook precisa de pelo menos 600×315 para mostrar uma prévia grande, e o LinkedIn pede pelo menos 1200×627. Uma única imagem 1200×630 funciona no Facebook, LinkedIn e X, e na maioria dos apps de chat que mostram prévias de link.
Qual o tamanho da imagem de card do Twitter (X)?
O card de imagem grande do X usa proporção 2:1, pelo menos 300×157 px e menos de 5 MB. Uma imagem OG de 1200×630 também funciona lá, embora o X possa cortar uma faixa fina do topo e da base. O X lê a og:image quando não há tag twitter:image. Para obter o card grande, adicione também <meta name="twitter:card" content="summary_large_image" /> à sua página.
Este gerador adiciona as meta tags ao meu site?
Não. Ele cria apenas o arquivo de imagem. Você faz o upload do arquivo no seu site e adiciona a tag og:image você mesmo, como mostrado na última pergunta abaixo. Muitos construtores de sites e plataformas de blog também têm um campo de imagem social ou de compartilhamento onde você pode enviá-la.
Quais fontes e idiomas a imagem OG suporta?
Todos os modelos usam a fonte Inter, nas versões regular e negrito. O editor carrega apenas o conjunto de caracteres latinos da Inter, então inglês e a maioria dos idiomas da Europa Ocidental funcionam. Textos em chinês, japonês, coreano, árabe e cirílico não serão exibidos corretamente. Não é possível enviar sua própria fonte.
Posso usar essas imagens originais comercialmente?
Sim. As imagens que você cria são suas para usar em sites pessoais e comerciais, sem marca d'água e sem necessidade de crédito. A fonte Inter é licenciada sob a SIL Open Font License, que permite uso comercial. Se você adicionar um logo ou foto, certifique-se de ter o direito de usá-lo.
Como adiciono uma imagem original ao meu site?
Envie a imagem baixada para o seu site ou CDN e depois adicione a meta tag og:image dentro do <head> da sua página: <meta property="og:image" content="https://seudominio.com/og/nome-da-pagina.jpg" />. Use a URL completa, começando com https. Adicione também as tags og:image:width e og:image:height definidas como 1200 e 630. Depois de publicar, use o Sharing Debugger do Facebook e o Post Inspector do LinkedIn para atualizar a prévia armazenada em cache.