Gerador de imagens OG no navegador
Escreva um título, escolha layout e cores de marca e descarregue imediatamente um PNG 1200×630. Sem registo e sem marca de água.
Verificador com pré-visualizações por plataforma
Cole qualquer URL para ver cada tag Open Graph, detetar problemas como og:image:alt em falta ou twitter:card incorreto e pré-visualizar o cartão em quatro plataformas ao mesmo tempo.
Nove modelos Next.js de código aberto
Rotas copiáveis para cartões de titulo, publicação de blog, captura em direto, telefone, botão, perfil e avaliações, renderizadas com Satori e estilizadas com Tailwind CSS.
Galeria com 429 imagens OG reais
Um arquivo de cartões criados de propósito por startups ativas, ordenados por categorias como SaaS, IA, Design e Ecommerce, com a paleta de cada um.
Guias escritos sobre os fundamentos de Open Graph
Artigos de referência sobre o que é uma imagem OG, o padrão de 1200×630 e os limites por plataforma, as regras da tag og:image e as opções de implementação em Next.js.
O problema que este site resolve é bem concreto: fazer um link partilhado parecer algo em que apetece clicar. O ogimage.org aborda-o com quatro peças ligadas entre si. O gerador renderiza um cartão 1200×630 diretamente no navegador a partir de um título, layout e cores de marca, sem conta nem marca de água, com pré-visualização em tempo real enquanto se escreve. O verificador aceita qualquer URL e apresenta diagnósticos tag a tag — tamanho da imagem, se twitter:card está definido como summary_large_image, se falta og:image:alt — a par do aspeto do link em quatro plataformas.
A parte dos modelos destina-se a programadores que querem cartões gerados automaticamente em vez de feitos à mão. Nove rotas Next.js cobrem padrões comuns como titulo, publicação de blog, captura em direto, telefone, botão, perfil e avaliações. Cada rota renderiza JSX através do Satori e aplica estilos com Tailwind CSS, e todo o código é clonável sob licença MIT. A galeria complementa as ferramentas como referência de design: 429 imagens Open Graph reais de startups ativas, filtráveis por categoria e apresentadas com a paleta de cada cartão, o que a torna um arquivo de inspiração para designers e marketers.
Tudo no site é gratuito e publicado como um único repositório público. Não há plano pago, nem conta obrigatória, nem serviço de alojamento de imagens: gera-se, descarrega-se e aloja-se por conta própria. Guias complementares explicam o tamanho padrão da imagem OG, as regras da tag og:image, a referência de tags Open Graph e as opções de implementação em Next.js.
