Gerador de Imagem Open Graph Grátis
Este gerador de imagem Open Graph gratuito desenha um PNG de 1200 por 630 pixels para a imagem que aparece quando o link da sua página é compartilhado no Facebook, LinkedIn, WhatsApp ou X. Digite um título e subtítulo, escolha a cor da sua marca e um template, depois baixe o arquivo e defina-o como og:image. Sem cadastro e nada do que você digita é armazenado.
Open Graph Image Generator
Images
Sobre esta ferramenta
Quando alguém cola seu link em um chat ou em uma postagem social, a imagem de visualização decide se ele clica. Páginas sem uma imagem Open Graph mostram uma caixa em branco ou um corte aleatório. Um título claro em um fundo limpo na cor da sua marca é uma solução rápida e consistente para posts de blog, páginas de ferramentas e landing pages que não têm foto própria.
Digite o título da página, um subtítulo opcional e o nome do seu site, escolha uma cor e um dos quatro templates: cor sólida, gradiente, claro com barra de destaque ou escuro. A cor do texto é escolhida automaticamente para permanecer legível na sua cor, e títulos longos são quebrados e redimensionados para caber em três linhas. Títulos com cerca de 60 caracteres ou menos ficam melhores. A imagem é desenhada com as fontes Inter e Outfit que este site usa.
Depois de baixar o PNG, envie-o para seu site e aponte a meta tag og:image para seu endereço completo, e adicione uma meta tag twitter:image correspondente. Mantenha palavras importantes longe das bordas, porque alguns aplicativos cortam os lados. A fonte cobre letras latinas, números e pontuação comum; emoji e outros scripts são removidos. Você pode verificar as tags ao vivo depois com o verificador Open Graph.
Perguntas frequentes
Qual deve ser o tamanho de uma imagem Open Graph?
O tamanho amplamente utilizado é 1200 por 630 pixels, uma proporção de cerca de 1,91 para 1. Facebook, LinkedIn, WhatsApp e X exibem bem. Mantenha o arquivo com menos de alguns megabytes, use um endereço web completo na tag og:image e mantenha texto importante longe das bordas.
Como uso a imagem no meu site?
Envie o PNG baixado para seu site, depois adicione uma meta tag no head da página: og:image com o endereço completo do arquivo. Adicione uma tag twitter:image com o mesmo endereço para X. A maioria dos sistemas de gerenciamento de conteúdo também tem um campo para isso nas configurações de SEO.
Por que minha visualização antiga ainda aparece depois que a altero?
As redes sociais armazenam em cache as visualizações de links. Depois de atualizar a imagem, use o Facebook Sharing Debugger ou o LinkedIn Post Inspector para buscar a página novamente. Dar ao novo arquivo um nome diferente também ajuda, porque o endereço então parece uma nova imagem para o cache.
Posso usar meu próprio logo ou foto?
Este gerador desenha apenas texto em cor, portanto não tem upload de logo ou foto. É adequado para sites que precisam de um card limpo e consistente rapidamente. Para um layout com foto ou logo, use uma ferramenta de design e exporte em 1200 por 630 pixels.
Algo que digito é armazenado?
Não. Seu título, subtítulo e cor são usados para desenhar a imagem e não são salvos. O PNG aparece no resultado como um download e existe apenas na página do seu navegador, então salve-o antes de recarregar ou sair da página.