Gerador de imagem OG
Escreva o título da sua página, escolha as cores e descarregue uma imagem de Open Graph de 1200 × 630 px pronta a partilhar.
O seu ficheiro nunca sai do navegador: todo o processamento acontece no seu dispositivo.
Como se compõe a imagem de Open Graph
É desenhado um canvas de 1200 × 630 px, a proporção 1,91:1 recomendada pelo Facebook, LinkedIn, WhatsApp e X para a pré-visualização de uma ligação. É o tamanho que se vê nítido tanto no telemóvel como no computador.
proporção = 1200 ÷ 630 ≈ 1,91:1
O título ajusta-se 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. Carregue o ficheiro no seu site e ligue-o com as etiquetas og:image e twitter:image que lhe 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 por baixo e acrescenta uma barra de destaque à esquerda.
Perguntas frequentes
- Porquê 1200 × 630 píxeis?
- É o tamanho mínimo recomendado pelo Facebook para as imagens grandes de ligação, e a proporção 1,91:1 encaixa sem cortes na maioria das redes sociais.
- Posso usar o meu logótipo?
- Esta ferramenta compõe texto e cores. Se precisa de incluir um logótipo, gere a base aqui e acrescente-o depois num editor de imagem.
- Porque é que a pré-visualização não atualiza ao partilhar?
- As redes sociais guardam a imagem em cache. Depois de a alterar, use o depurador de ligações de cada plataforma para forçar a releitura da etiqueta 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.