OGImagen

Descripción

OGImagen es un generador de imágenes Open Graph impulsado por IA, diseñado para desarrolladores y propietarios de sitios. Simplemente pegas un título de página, una descripción opcional y un color de marca, y produce imágenes de Open Graph, Twitter y LinkedIn listas para producción, las aloja permanentemente en Cloudflare CDN y escribe el fragmento de etiqueta meta para tu framework, de modo que puedas copiarlo y publicarlo.

Cada generación renderiza los tres tamaños sociales juntos a partir de la misma fuente: Open Graph a 1200x630, tarjeta de Twitter/X a 1200x600 y tarjeta de LinkedIn a 1200x627, entregadas como JPEG en URLs estables y permanentes. Los kits de marca guardan un logotipo, colores, fuentes y un estilo preestablecido que se aplican automáticamente a cada generación, y un motor de plantillas ofrece 16 diseños basados en Satori que se renderizan de manera determinista sin llamada a modelo de IA y sin créditos. Se proporcionan fragmentos listos para frameworks para Next.js App Router y Pages Router, Astro, Remix, SvelteKit y HTML simple, cada uno con etiquetas tanto de Open Graph como de Twitter Card.

OGImagen puede ser controlado desde un panel de control, una API REST autenticada por portador que acepta un id de kit de marca, una clave de idempotencia y una URL de webhook, o desde un editor a través del Protocolo de Contexto de Modelo (MCP), que expone herramientas de generación, listado y fragmentos a clientes como Claude Code, Cursor y Windsurf. El uso se mide en créditos (rápido es 1, flash es 2, máximo es 6; las renderizaciones de plantillas son gratuitas), con un nivel gratuito y paquetes de créditos únicos más un plan Pro mensual; el alojamiento CDN permanente está incluido en cada plan de pago.

Características principales de OGImagen

• Generación de tarjetas Open Graph, Twitter y LinkedIn a partir de un título

• Los tres tamaños sociales renderizados a partir de una sola generación

• Alojamiento permanente en Cloudflare CDN

• Fragmentos de etiquetas meta para múltiples frameworks listos para copiar y pegar

• Kits de marca que aplican automáticamente logotipo, colores y fuentes

• 16 plantillas basadas en Satori que se renderizan gratis sin IA

• API REST con id de kit de marca, clave de idempotencia y webhooks

• Integración de Claude MCP para editores como Cursor y Windsurf

¿Cómo usar OGImagen?

1. 1

   Ingresa los detalles de tu página: Pega el título de tu página y, opcionalmente, una descripción y un color de marca.

2. 2

   Elige IA o plantilla: Genera con el modelo de IA o selecciona una plantilla Satori gratuita.

3. 3

   Genera todos los formatos: Obtén tarjetas de Open Graph, Twitter y LinkedIn de una sola generación.

4. 4

   Copia el fragmento: Toma el fragmento de etiqueta meta listo para el framework que apunta a las URLs alojadas.

5. 5

   Publica: Pega el fragmento en tu sitio, alojado permanentemente en Cloudflare CDN.

Casos de uso de OGImagen

• Tarjetas sociales para aplicaciones web
• Automatización de CMS
• Flujos de trabajo de editores e IA
• Previsualizaciones de marca a gran escala

Preguntas frecuentes de OGImagen

• ¿Qué devuelve la API?

  Un id de generación que consultas, luego URLs permanentes de CDN para cada formato más un fragmento de etiqueta meta listo para copiar para tu framework. Nada expira y no hay paso de carga.

• ¿Dónde se alojan las imágenes?

  En Cloudflare R2, servido a través de Cloudflare CDN. Las URLs son estables y permanentes en cada plan de pago, por lo que las tarjetas que publicaste hace meses siguen resolviendo.

• ¿Cómo se mide el uso?

  En créditos, deducidos por generación. El costo depende de la calidad y el número de variantes: rápido es 1, flash es 2 y máximo es 6. Las renderizaciones de plantillas no utilizan IA y no tienen costo.

• ¿Qué es un kit de marca?

  Un paquete guardado de logotipo, colores, fuentes y estilo preestablecido que se aplica automáticamente a cada generación, incluidas las que se activan desde un editor a través de MCP. Starter y Growth incluyen uno, y Pro es ilimitado.

• ¿Qué frameworks tienen fragmentos?

  Next.js App Router y Pages Router, Astro, Remix, SvelteKit y HTML simple. Cada fragmento lleva tanto etiquetas de Open Graph como de Twitter Card.

• ¿Puedo usarlo sin IA?

  Sí. El motor de plantillas renderiza 16 diseños basados en Satori sin llamada a modelo y sin créditos. Las cuentas gratuitas pueden alojar 5 de ellos en el CDN, y los planes de pago alojan ilimitados.