cajuos

Changelog

Atualizações da OG Image Generator.

← Ver todas as tools

OG Image Generator

OG Image Generator

A 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.dev fixa 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/65 e N/95 nos 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 RAFrequestAnimationFrame evita re-renders durante digitação. Shimmer enquanto carrega.