Gerador de OG Image - Imagem de Preview de Link Social

Gerador de OG Image para Previews de Link Social

Este gerador de OG image cria a imagem de preview Open Graph que aparece quando seu link é compartilhado no Facebook, X (Twitter), LinkedIn, Discord, Slack e outros aplicativos. Digite seu título e os detalhes, escolha um modelo e exporte um PNG 1200×630 perfeito ao pixel — sem precisar de software de design.

Ele foi feito para quem publica conteúdo e quer que os cartões de link pareçam intencionais: blogueiros, profissionais de marketing, desenvolvedores que definem uma meta tag og:image e criadores que querem que cada URL compartilhada se destaque, em vez de mostrar uma miniatura genérica ou ausente. Escolha entre 20 modelos, personalize o texto e as cores, adicione suas próprias imagens e baixe em segundos.

Privado por design: cada modelo é renderizado em um canvas no seu próprio navegador. Seu texto e as imagens que você adicionar nunca são enviados a um servidor — a exportação é gerada inteiramente no seu dispositivo.

Como Criar Sua OG Image

Digite seu conteúdo

Preencha os campos Título, Subtítulo, Autor e Site no painel Conteúdo. O canvas é atualizado em tempo real enquanto você digita, e seu site também alimenta a simulação do cartão social.

Escolha um modelo

Abra a grade de Modelos e clique em qualquer um dos 20 designs — degradês, minimalistas, escuros, retrô e mais. Cada um organiza seu texto com layout e estilo próprios.

Personalize as cores

Escolha uma das 8 paletas de cores ou defina suas próprias cores principal e de destaque com os seletores. Os modelos adaptam fundos e detalhes para combinar com sua escolha.

Posicione o texto e adicione imagens

Arraste qualquer elemento de texto no canvas para reposicioná-lo, ou clique duas vezes nele para ir direto ao seu campo de entrada. Use Adicionar no painel Imagens para subir fotos ou logos, depois arraste para mover e puxe uma alça de canto para redimensionar.

Exporte sua imagem

Baixe um PNG 1200×630 ou copie a imagem direto para a área de transferência e cole em outro lugar. Adicione-a à sua página com uma meta tag og:image e seu preview de link estará pronto.

Recursos

20 Modelos Exclusivos

Layouts degradê, minimalistas, escuros, retrô e criativos, incluindo Fluxo Degradê, Terminal Escuro, Cyberpunk, Polaroid, Jornal, Brutalista e Cartão de Vidro.

Campos de Texto Personalizáveis

Defina o título, o subtítulo, o autor e o site, com o canvas atualizando ao vivo enquanto você digita cada campo.

Texto que Você Arrasta para Posicionar

Cada elemento de texto pode ser arrastado livremente no canvas, então você mantém total controle do layout além do padrão de cada modelo.

Paletas Prontas & Cores Próprias

Aplique uma das 8 paletas selecionadas ou defina suas próprias cores principal e de destaque; os modelos retematizam fundos e detalhes para combinar.

Upload & Edição de Imagens

Adicione várias fotos ou logos sobre o modelo, depois arraste para mover e puxe as alças de canto para redimensionar com a proporção sempre travada.

Simulação de Preview Social

Um cartão de compartilhamento realista mostra sua imagem com o domínio, o título e a descrição, para você ver como o link ficará antes de publicar.

Prévia com Zoom

Percorra o cartão de prévia por cinco tamanhos, de um compacto 320px a um amplo 840px, para conferir como texto e imagens se comportam em qualquer escala.

Exportação PNG & Cópia

Baixe um PNG 1200×630 de alta qualidade ou copie a imagem direto para a área de transferência para colar em outro aplicativo.

Clique Duplo para Editar

Clique duas vezes em qualquer texto do canvas para ir direto ao campo de entrada na barra lateral e começar a editar na hora.

Tecla Delete & Modo Escuro

Pressione Delete para remover uma imagem selecionada e trabalhe com conforto usando um tema escuro integrado.

Perguntas Frequentes

O que é uma OG image?

Uma imagem Open Graph (OG) é a imagem de preview que aparece quando um link é compartilhado em redes sociais ou aplicativos de mensagem. Ela é definida com a meta tag og:image no <head> da sua página e costuma ser a primeira coisa que as pessoas veem no feed, então uma imagem clara e alinhada à marca pode aumentar bastante os cliques.

Qual o tamanho ideal da og:image?

O tamanho padrão da imagem Open Graph é 1200 × 630 pixels (proporção 1.91:1), que funciona no Facebook, no X, no LinkedIn e na maioria das outras plataformas. Este gerador exporta exatamente nessa resolução todas as vezes.

Como adiciono a meta tag og:image no meu site?

Envie o PNG exportado para o seu site e adicione esta linha dentro do <head> da sua página:

<meta property="og:image" content="https://seusite.com/caminho/para/og-image.png">

A maioria das plataformas guarda os previews em cache, então compartilhe de novo ou use o depurador da plataforma para atualizar o cartão depois de mudar a tag.

Devo usar PNG ou JPG para a og:image?

Esta ferramenta exporta um PNG, que mantém o texto e os gráficos planos dos modelos nítidos e é compatível em todo lugar. O JPG pode gerar um arquivo menor em designs cheios de fotos, mas a exportação em PNG aqui fica bem dentro dos limites de tamanho típicos das plataformas e é a opção mais segura para texto nítido.

Por que minha OG image não aparece ao compartilhar o link?

As causas mais comuns são uma tag og:image ausente ou incorreta, uma URL de imagem relativa em vez de absoluta, ou um preview antigo em cache. Garanta que a tag aponte para uma URL completa com https:// e depois recarregue a página no depurador de preview de link da plataforma para limpar o cache.

Posso enviar minhas próprias imagens e usar cores personalizadas?

Sim. Clique em Adicionar para enviar uma ou mais fotos ou logos, depois arraste para movê-los e puxe uma alça de canto para redimensionar com a proporção travada. Para as cores, escolha uma das 8 paletas ou defina qualquer cor principal e de destaque com os seletores, e os modelos se adaptam para combinar.

Como reposiciono o texto na imagem?

Clique e arraste qualquer elemento de texto direto no canvas para movê-lo, ou clique duas vezes nele para ir ao campo na barra lateral. Trocar de modelo redefine o texto para as posições padrão daquele modelo.

Minhas imagens são enviadas para um servidor?

Não. Toda a renderização e a exportação acontecem inteiramente no seu navegador usando o canvas, e as imagens que você adiciona são lidas localmente no seu dispositivo. Nada do que você digita ou envia é mandado para um servidor.