WebyTooly

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.

Espacio publicitario
Espacio publicitario

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 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.

Calculadoras relacionadas