Docs

Gera imagens Open Graph prontas pra compartilhar. Rápido, sem cadastro, sem editor gráfico.

Como usar

1. Acesse a tool
2. Digite o Título (obrigatório, até 65 caracteres)
3. Digite o Subtítulo (opcional, até 95 caracteres)
4. Escolha uma paleta
5. Veja o preview ao vivo
6. Clique em Download PNG

A imagem sai em 1200×630 PNG — tamanho exato que Twitter, LinkedIn, Discord e WhatsApp esperam.

Paletas

Marca d'água

Toda imagem inclui cajuos.dev no canto inferior direito — sutil, menos de 5% da área. Não removível.

v1.1

• Logo: upload PNG/JPEG/SVG/WebP, renderizado no canto superior esquerdo (máx 80px). Título reposiciona automaticamente.
• Fundo: upload de imagem com crop cover. Escurecimento ajustável: Nenhum / Leve / Médio / Forte.
• Layout: Centralizado ou Alinhado à esquerda.
• Tamanhos: OG (1200×630), Square (1080×1080), Instagram (1200×1200).
• Copiar PNG: navigator.clipboard.write — cola direto em redes sociais.

v2 (futuro)

• API endpoint
• Histórico e login

Stack

Canvas API, Next.js 16, Tailwind v4, zero dependências.

Código

const canvas = document.createElement("canvas");
canvas.width = 1200;
canvas.height = 630;
const ctx = canvas.getContext("2d")!;
ctx.fillStyle = "#ffffff";
ctx.fillRect(0, 0, 1200, 630);

Open source no GitHub.