Generador de imágenes OG en el navegador
Escribe un título, elige diseño y colores de marca y descarga al instante un PNG de 1200×630. Sin registro y sin marca de agua.
Verificador con vistas previas por plataforma
Pega cualquier URL para ver cada etiqueta Open Graph, detectar problemas como og:image:alt ausente o un twitter:card incorrecto y previsualizar la tarjeta en cuatro plataformas a la vez.
Nueve plantillas Next.js de código abierto
Rutas copiables para tarjetas de titular, entrada de blog, captura en vivo, teléfono, botón, perfil y reseñas, renderizadas con Satori y estilizadas con Tailwind CSS.
Galería con 429 imágenes OG reales
Un archivo de tarjetas creadas a propósito por startups activas, ordenadas por categorías como SaaS, IA, Diseño o Ecommerce y con la paleta de cada una.
Guías escritas sobre los fundamentos de Open Graph
Artículos de referencia sobre qué es una imagen OG, el estándar de 1200×630 y los límites por plataforma, las reglas de og:image y las opciones de implementación en Next.js.
El problema que resuelve este sitio es concreto: conseguir que un enlace compartido parezca algo que apetece clicar. ogimage.org lo aborda con cuatro piezas conectadas. El generador renderiza una tarjeta de 1200×630 directamente en el navegador a partir de un título, un diseño y los colores de marca, sin cuenta ni marca de agua, con vista previa en vivo mientras escribes. El verificador acepta cualquier URL y ofrece diagnósticos etiqueta por etiqueta —tamaño de imagen, si twitter:card es summary_large_image, si falta og:image:alt— junto con el aspecto del enlace en cuatro plataformas.
La parte de plantillas está pensada para desarrolladores que quieren tarjetas generadas automáticamente en lugar de hechas a mano. Nueve rutas Next.js cubren patrones habituales como titular, entrada de blog, captura en vivo, teléfono, botón, perfil y reseñas. Cada ruta renderiza JSX con Satori y aplica estilos con Tailwind CSS, y todo el código es clonable bajo licencia MIT. La galería complementa las herramientas como referencia de diseño: 429 imágenes Open Graph reales de startups activas, filtrables por categoría y mostradas con la paleta de cada tarjeta, lo que la convierte en un archivo de inspiración para diseñadores y responsables de marketing.
Todo en el sitio es gratuito y se publica como un único repositorio público. No hay plan de pago, ni cuenta obligatoria, ni servicio de alojamiento de imágenes: se genera, se descarga y se aloja por cuenta propia. Las guías complementarias explican el tamaño estándar de la imagen OG, las reglas de la etiqueta og:image, la referencia de etiquetas Open Graph y las opciones de implementación en Next.js.
