Gerador de imagem OG: crie uma imagem de 1200 x 630 no navegador | We.Inc
Crie a imagem que aparece quando sua página é compartilhada. Escolha um modelo, adicione título, logo e cores, veja a prévia como card do X, LinkedIn, Slack e iMessage e baixe um PNG de 1200 por 630 com as meta tags.
O tamanho padrão da imagem Open Graph é 1200 por 630 pixels, uma proporção de 1,91 para 1 que Facebook, LinkedIn, X, Slack e apps de mensagem exibem bem. Escolha um modelo abaixo, digite o título, adicione um logo e as cores da marca, confira as prévias, baixe o PNG e copie as meta tags og:image.
Tamanhos de imagem de compartilhamento por plataforma
Plataforma
O que pede
Observações
Facebook e outros apps da Meta
1200 por 630 para melhores resultados; no mínimo 600 por 315
Proporção 1.91:1; imagens pequenas aparecem como miniatura
Card grande do X (Twitter)
Proporção 2:1; de 300 por 157 até 4096 por 4096; menos de 5 MB
Precisa de twitter:card definido como summary_large_image
LinkedIn
1200 por 627
Use o Post Inspector para atualizar uma imagem em cache
Slack, Discord, iMessage, WhatsApp
Nenhum tamanho publicado
Leem og:image; 1200 por 630 aparece bem em todos
Quatro modelos desenhados em um canvas no seu navegador, com exatamente 1200 por 630. O seu logo nunca sai do seu dispositivo. As prévias mostram mais ou menos como cada app corta a imagem, e o bloco de meta tags está pronto para colar no head da sua página.
Escolha um modelo: título em destaque, centralizado, dividido com logo ou card de artigo.
Digite o título, uma linha curta abaixo dele e o nome do site ou a URL que aparece na parte de baixo.
Escolha as cores de fundo, do texto e de destaque, e envie um logo se quiser (PNG ou SVG com fundo transparente funciona melhor).
Confira as prévias, baixe o PNG, envie para o seu site e cole as meta tags com a URL completa da imagem.
Mantenha o título com menos de uns 60 caracteres e com pelo menos 48 pixels de altura na imagem, já que a maioria das pessoas vê o card em uma fração do tamanho real.
Deixe uma margem em volta do texto importante. Alguns apps cortam as bordas ou arredondam os cantos.
Use uma URL https absoluta em og:image. Caminhos relativos não funcionam na maioria dos crawlers.
As plataformas guardam as imagens de compartilhamento em cache. Depois de trocar uma, atualize-a com a ferramenta de depuração de cada plataforma, ou dê um novo nome ao arquivo.
Perguntas frequentes
Qual é o melhor tamanho de imagem OG?
1200 por 630 pixels. Atende à recomendação da Meta para telas de alta resolução, fica perto dos 1200 por 627 do LinkedIn e funciona no card de imagem grande do X, então um único arquivo cobre todos. Salve como PNG para designs com muito texto ou JPG para fotos, e mantenha bem abaixo de 5 MB.
Preciso de uma imagem separada para o Twitter card?
Geralmente não. O X usa og:image quando não há twitter:image. Você precisa, sim, da meta tag twitter:card definida como summary_large_image para ter a prévia grande em vez de uma miniatura pequena.
Por que a imagem antiga continua aparecendo?
Cada plataforma guarda a prévia em cache. Use o Sharing Debugger da Meta, o Post Inspector do LinkedIn ou simplesmente um novo nome de arquivo de imagem para forçar uma nova busca. O Slack e os apps de mensagem atualizam no próprio ritmo.
Posso criar uma imagem por página automaticamente?
Sim, com um renderizador de imagens no servidor que monta a imagem a partir do título de cada página. Esta ferramenta serve para criar o modelo e fazer imagens escolhidas a dedo para as páginas importantes.
O que faz uma imagem de compartilhamento receber cliques
Um card de compartilhamento disputa a atenção com tudo o mais em um feed, em tamanho pequeno. Um título curto e grande e um único elemento visual forte vencem um layout carregado. Trate a imagem como parceira do título, não como uma segunda cópia da página.
A consistência da marca ajuda as pessoas a reconhecer os seus links com o tempo. Use o mesmo modelo com um título diferente para cada página em vez de criar cada imagem do zero.
Conferindo se funcionou
Depois de publicar, cole a URL da página na nossa ferramenta de prévia de Open Graph para ver as tags que a página realmente serve, e no depurador de cada plataforma antes de um grande lançamento.
Título em destaque
Centralizado
Dividido com logo
Card de artigo
Crie a imagem
Modelo
Título ({n} caracteres)
Linha abaixo do título
Nome do site ou URL
Fundo
Texto
Enviar logo
Remover logo
Imagem de compartilhamento: {title}
Baixar PNG (1200 por 630)
Como fica ao ser compartilhada (aproximado)
Meta tags
URL completa onde você vai enviar a imagem
Copiar meta tags
Como cortamos pela metade o tempo de carregamento da página