Changelog
Atualizações da OG Image Generator.
← Ver todas as toolsOG Image Generator
OG Image GeneratorA primeira tool do CajuOS chegou. O objetivo é simples: você digita um título, escolhe uma paleta e baixa uma imagem Open Graph pronta — sem abrir editor, sem configurar nada.
O que vem incluso:
- Geração de imagem 1200×630 via Canvas API — mesmo formato que Twitter, LinkedIn e Discord esperam
- Título (até 65 caracteres) e subtítulo (até 95) com preview ao vivo enquanto você digita
- 5 paletas de cor: Classic, Slate, Warm, Minimal e Deep
- Download PNG com um clique — nome do arquivo já vem como
og-image.png - Marca d'água
cajuos.devfixa no canto inferior direito - 100% client-side, zero dependências externas, zero chamadas de rede
v1.1
- Layout alinhado à esquerda — útil com logo ou texto longo
- Tamanhos alternativos: Square (1080×1080) e Instagram (1200×1200)
- Upload de imagem de fundo com escurecimento ajustável (Nenhum/Leve/Médio/Forte)
- Upload de logo (PNG/JPEG/SVG) — título reposiciona automaticamente
- Copiar PNG pra área de transferência — cola direto em redes sociais
v1.2
- Ícone decorativo — 10 SVG icons inline (flame, target, star, bulb, rocket, pin, palette, sparkle, diamond, bolt). Renderizado no canvas via Image bitmap.
- Fundo procedural — gera composição única com gradiente, círculos e retângulos aleatórios. Seed randômico a cada clique.
- QR params —
?title=...&subtitle=...&palette=...&size=...&layout=...&icon=...para compartilhar presets por URL - Formatos de exportação — PNG / JPEG / WebP com qualidade 92%
- Social presets — botões rápidos pra Twitter, LinkedIn e Blog (configura paleta, layout e ícone)
- Warning de emoji — aviso se título/subtítulo contém emoji (não renderiza no canvas)
- Aviso de limite de caracteres — contador
N/65eN/95nos inputs - Atalhos de teclado — Enter dispara download, Ctrl+C copia imagem
v1.3 (22 Jul 2026)
- Templates — salva/carrega presets no localStorage. Nomeie, salve e carregue com 1 clique.
- Fontes — Inter, DM Sans e Space Grotesk via
next/font/google. Troca instantânea. - Peso e espaçamento — controle de peso (500-800) e letter-spacing (0-2px) do título.
- Sombra do texto — Nenhum/Sutil/Forte. Melhora legibilidade em fundo claro ou imagem.
- Drag & drop — arraste uma imagem direto no preview. Menos que 200px vira logo, senão vira fundo.
- Galeria de exemplos — 6 presets (Twitter, LinkedIn, Blog, Produto, Minimal, Devlog). Clique pra aplicar.
- Contador de uso — "Você gerou N imagens hoje" com persistência diária.
- Botão Tweetar — compartilhe a tool no X/Twitter com 1 clique.
- Badge de tamanho — label "OG 1200×630" no canto do preview.
- Render com RAF —
requestAnimationFrameevita re-renders durante digitação. Shimmer enquanto carrega.