Gerador de imagem Open Graph (OG image) grátis e prévia | We.Inc
Crie uma imagem Open Graph de 1200 x 630 no seu navegador: título, subtítulo, cores da marca e o seu logo, e depois baixe um PNG. Veja a prévia dos cards no Facebook, LinkedIn e X e copie as meta tags. Grátis.
Gerador de imagem Open Graph e prévia
Crie a imagem que aparece quando alguém compartilha o seu link. Digite um título e um subtítulo, escolha cores e um layout, adicione seu logo e baixe um PNG de 1200 x 630. Depois veja como o card de compartilhamento fica no Facebook, LinkedIn e X e copie as meta tags para a sua página. Tudo roda no seu navegador. Nada do que você digita ou envia vai para a We.Inc ou para qualquer outra pessoa.
Digite o título e, se quiser, um subtítulo e o nome do site. Títulos longos quebram em até três linhas.
Escolha um layout e as cores de fundo e de texto, ou escolha uma das paletas prontas.
Se quiser, envie seu logo (PNG, JPG, SVG ou WebP). Ele é desenhado no canto e nunca sai do seu dispositivo.
Clique em Baixar PNG para salvar uma imagem de 1200 x 630, o tamanho que o Facebook, o LinkedIn e o X usam nas prévias grandes de links.
Envie essa imagem para o seu site, cole a URL completa dela no campo URL da imagem e copie as meta tags geradas para o head da sua página.
Mantenha o título abaixo de uns 60 caracteres e grande o bastante para ler no celular, onde os cards são pequenos.
Deixe uma margem em volta do texto. Alguns apps cortam as bordas ou mostram a imagem como quadrado.
Use um contraste forte entre texto e fundo. O verificador de contraste de cores pode confirmar.
Depois de publicar, os apps sociais guardam a imagem antiga em cache. O Sharing Debugger do Facebook e o Post Inspector do LinkedIn podem atualizá-la.
Dê a cada página importante a sua própria imagem; um card genérico com o logo recebe menos cliques do que um que diz o nome da página.
Perguntas frequentes
Qual deve ser o tamanho de uma imagem Open Graph?
1200 x 630 pixels (proporção de 1,91:1) é o padrão para os cards grandes do Facebook, LinkedIn e X. Este gerador sempre exporta exatamente esse tamanho.
Este gerador de OG image é grátis?
Sim. Sem cadastro e sem marca d'água. A imagem é desenhada em um canvas no seu navegador e baixada direto para o seu dispositivo.
Meu logo é enviado para algum lugar?
Não. O logo é lido pelo seu navegador e desenhado na imagem localmente. Nada é enviado para a We.Inc.
Como adiciono a imagem ao meu site?
Envie o PNG para o seu site para que ele tenha uma URL pública e depois adicione <meta property="og:image" content="that URL"> e uma tag twitter:image ao head da página. Cole a URL na ferramenta e ela escreve as tags para você.
Por que a imagem antiga ainda aparece quando compartilho meu link?
As redes sociais guardam as prévias em cache. Peça uma nova leitura da URL no Sharing Debugger do Facebook ou no Post Inspector do LinkedIn, ou espere o cache expirar.
Ela consegue ler as tags da minha página no ar?
Não. Os navegadores impedem que um site leia outro, então você mesmo informa o título, a descrição e a URL da imagem, e a ferramenta mostra como vão ficar.
O que uma imagem Open Graph faz
Quando um link é colado no Facebook, LinkedIn, X, Slack ou em um app de mensagens, o app lê as tags Open Graph da página e mostra um card com uma imagem, um título e uma descrição curta. A imagem é a maior parte desse card, então ela decide se as pessoas vão sequer notar o link.
Sem uma tag og:image, os apps não mostram imagem nenhuma ou escolhem uma da página ao acaso. Uma imagem simples com o título da página e a sua marca basta para parecer intencional.
Uma boa OG image em três regras
Diga em poucas palavras, com texto grande, sobre o que é a página. Use as cores da sua marca para que as pessoas reconheçam você em todos os compartilhamentos. Mantenha o conteúdo importante longe das bordas, porque alguns apps cortam em quadrado ou arredondam os cantos.
Em um site da We.Inc
Os sites criados com a We.Inc têm título, descrição e imagem de compartilhamento que você define no painel de SEO, então as tags são escritas para você. Esta ferramenta é útil para qualquer site e para criar a própria imagem de compartilhamento.