Página inicial / Ferramentas gratuitas / Open Graph Image Generator

Crie a imagem que as pessoas veem quando seu link é compartilhado

Crie a imagem de 1200 x 630 que aparece quando alguém compartilha sua página.

Um link compartilhado é desenhado como uma prévia, e a imagem ocupa a maior parte dela. As plataformas querem essa imagem em torno de 1200 x 630, cortam a partir do meio e reduzem bastante antes de alguém ver, de modo que uma captura de tela ou um logo num quadrado branco raramente sobrevive ao caminho. Esta ferramenta desenha uma no tamanho certo. Escreva um título, escolha uma cor de fundo, um degradê ou uma foto sua, adicione um logo se tiver, e as guias de corte mostram o que continua visível num celular. Exporte como PNG, ou como um JPEG leve o bastante para as plataformas que recusam arquivos grandes. Tudo acontece no seu navegador e nenhuma imagem é enviada para lugar nenhum.

Fonte
Alinhamento
Cor do texto
Fundo
Cores
Foto
Solte uma foto aqui
Ela é lida no seu navegador e nunca é enviada para lugar nenhum.
Arraste a foto para escolher que parte fica no enquadramento.
Logo opcional
Solte um logo aqui
Canto do logo
Nada aqui é salvo ou enviado. A imagem é desenhada e exportada pelo seu próprio navegador, então fechar esta página faz você perdê-la.
1200 × 630 · PNG ·
O WhatsApp quer o arquivo abaixo de 600KB ou mostra uma prévia pequena. As outras plataformas permitem bem mais, então use PNG a menos que a imagem tenha uma foto.

Por que uma captura de tela não funciona

Uma captura de tela tem o formato errado e é cheia de detalhe que some. A prévia é exibida pequena, muitas vezes com algumas centenas de pixels de largura num celular, e a plataforma corta a partir do meio para chegar a 1.91:1. Texto de interface, linhas finas e tudo que esteja perto de uma borda já foram embora a essa altura. O que sobrevive nesse tamanho é uma linha curta em corpo grande e uma forma marcante, e é justamente por isso que as imagens de compartilhamento têm a cara que têm.

O corte pega o meio

As plataformas não usam todas a mesma proporção, então cortam sua imagem para caber. O corte vai do centro para fora, o que coloca em risco o topo, a base e as duas laterais. As guias aqui marcam a área que sobrevive ao corte mais apertado em uso. Mantenha o título e o logo dentro dela e a imagem se lê certo em todo lugar, e não só no único lugar onde você testou.

O tamanho do arquivo é um limite real

O WhatsApp documenta um teto de 600KB e o X recusa qualquer coisa acima de 5MB. Um fundo de foto em 1200 x 630 passa de 600KB com facilidade como PNG. Exportar em JPEG com o limite de tamanho ligado baixa a qualidade até o arquivo caber, o que é quase sempre invisível no tamanho em que uma prévia aparece. Use PNG quando o fundo for uma cor chapada ou um degradê, porque isso comprime para muito pouco e continua perfeitamente nítido.

Nada sai do seu navegador

A área de trabalho é desenhada na sua própria máquina e a exportação também é produzida ali. Uma foto que você adiciona é lida do seu disco e nunca enviada, e a imagem pronta é salva direto da página. Não há conta, não há envio e não há cópia do seu trabalho em servidor nenhum, o que também significa que nada aqui pode ser recuperado depois que você fechar a página.

O que faz

Uma única área de trabalho no tamanho que todas as plataformas querem.

O tamanho certo
  • 1200 x 630 na exportação
  • Área segura marcada
  • Fiel ao que as plataformas mostram
O fundo
  • Cor sólida ou degradê
  • Sua própria foto
  • Escurecido para o texto continuar legível
O texto
  • Título e uma segunda linha
  • Cinco fontes, tamanho e peso
  • Esquerda, centro ou direita
O arquivo
  • PNG ou JPEG
  • Mantido abaixo de 600KB quando pedido
  • Nunca enviado
Como usar
1
Escreva o título
Deixe curto. Uma prévia é lida de relance e títulos longos são cortados pela plataforma antes mesmo de a imagem importar.
2
Escolha um fundo
Uma cor chapada ou um degradê é o mais seguro e dá o arquivo menor. Ponha uma foto no lugar se tiver uma, e aumente o escurecimento até o texto ficar confortável de ler.
3
Confira as guias
A área marcada é o que sobrevive ao corte mais apertado. Qualquer coisa fora dela pode ser cortada em algumas plataformas.
4
Exporte e coloque na sua página
Salve o arquivo, suba para o seu próprio site, depois aponte og:image para o endereço dele. O endereço precisa ser acessível sem login.
O que essas palavras significam
og:image
A tag meta no head da sua página que informa o endereço da imagem. Sem ela, a plataforma escolhe alguma coisa da página ou não mostra imagem nenhuma.
Área segura
O meio da imagem que sobrevive ao corte de todas as plataformas. O que fica fora corre risco nas plataformas de proporção mais apertada.
1.91:1
A proporção entre largura e altura de 1200 x 630, e o formato em que a maioria das plataformas desenha uma prévia grande.
Perguntas