Gerador de imagem OG
Escreva o título da sua página, escolha as cores e baixe uma imagem de Open Graph de 1200 × 630 px pronta para compartilhar.
O seu arquivo nunca sai do navegador: todo o processamento acontece no seu dispositivo.
Como se compõe a imagem de Open Graph
É desenhada uma tela de 1200 × 630 px, a proporção 1,91:1 recomendada pelo Facebook, LinkedIn, WhatsApp e X para a pré-visualização de um link. É o tamanho que se vê nítido tanto no celular como no computador.
proporção = 1200 ÷ 630 ≈ 1,91:1
O título se ajusta sozinho: a ferramenta mede a largura de cada palavra com measureText e monta linhas que caibam na área útil. Se o texto for longo, reduz o tamanho da letra até caber no número máximo de linhas.
O resultado é exportado como PNG, o formato que melhor mantém as margens do texto. Envie o arquivo para o seu site e vincule-o com as tags og:image e twitter:image que mostramos.
Exemplo prático
Com o título «Guia completo de Core Web Vitals» e o subtítulo «webytooly.com», a ferramenta distribui o título por duas linhas grandes, coloca o subtítulo embaixo e acrescenta uma barra de destaque à esquerda.
Perguntas frequentes
- Porquê 1200 × 630 pixels?
- É o tamanho mínimo recomendado pelo Facebook para as imagens grandes de link, e a proporção 1,91:1 encaixa sem cortes na maioria das redes sociais.
- Posso usar o meu logotipo?
- Esta ferramenta compõe texto e cores. Se precisa incluir um logotipo, gere a base aqui e adicione-o depois em um editor de imagem.
- Por que a pré-visualização não atualiza ao compartilhar?
- As redes sociais armazenam a imagem em cache. Depois de alterá-la, use o depurador de links de cada plataforma para forçar a releitura da tag og:image.
- Devo usar PNG ou JPG?
- PNG quando a imagem é texto sobre cor plana, como aqui: as margens ficam limpas. O JPG faz sentido se o fundo for uma fotografia.