Imágenes Open Graph y sociales

Genera imágenes Open Graph con una API

Auto-render una imagen única para compartir en redes para cada página, publicación y producto — desde una plantilla y tus datos. Sin herramienta de diseño, sin capturas de pantalla, sin tarjetas obsoletas.

Lee la documentación
100 renders / mes gratis · sin tarjeta · planes pagados nunca son bloqueadosPruébalo gratis: comprueba la imagen Open Graph de cualquier página →
MostlyRenderChangelog
Lanza una API de render que nunca falla
Plantillas · facturación por exceso · nivel gratuito real
A
Ada Render
Engineering
Una única plantilla, render desde tus datos

Cómo funciona

1

Diseña la tarjeta una vez

Coloca el título, descripción, autor y fondo como una plantilla reutilizable en el editor.

2

Envía tus datos de página

Envía el título y cualquier campo a la API — o inclúyelos en una URL de renderizado firmada directamente en tu etiqueta og:image.

3

Almacena en caché y sirve

Las solicitudes idénticas devuelven la imagen en caché y no se vuelven a facturar, así que las páginas con alto tráfico siguen siendo gratis de compartir.

Una llamada a API

curl https://api.mostlyrender.com/v1/renders \
  -H "Authorization: Bearer mr_test_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{"templateId":"tpl_og_card","modifications":{"title":"Lanza una API de render que nunca falla","subtitle":"Plantillas · facturación por exceso · nivel gratuito real"}}'

Preguntas

¿Puedo renderizar la imagen OG directamente desde una URL?

Sí. Una URL de render firmada pone los datos en la cadena de consulta de tu etiqueta og:image — por ejemplo /v1/templates/tpl_abc/render.png?title=Hello&sig=… — para que no se ejecute ningún código de backend por página. La firma impide que alguien cambie los datos o lo apunte a otra plantilla.

¿Se facturan de nuevo los renders repetidos?

No. La misma plantilla y datos devuelven la imagen en caché y no se cuentan de nuevo, por lo que una publicación que se comparte miles de veces cuesta un render.

¿Qué tamaño debería tener una imagen Open Graph?

1200 × 630 píxeles (una relación de 1.91:1) es el tamaño que la mayoría de plataformas esperan para una vista previa grande de enlace, y declarar og:image:width y og:image:height permite que Facebook muestre la imagen la primera vez que se comparte un enlace. Las plantillas son específicas de tamaño: establece el lienzo de la tarjeta compartida en 1200 × 630 y mantén plantillas separadas cuadradas o retrato para otros diseños.

¿Qué formatos puedo exportar?

PNG (predeterminado, sin pérdida), JPEG, WebP o PDF. Para tarjetas sociales, PNG o JPEG es la opción segura; las URLs firmadas también aceptan q (0–100) para calidad JPEG/WebP y scale (1–3) para salida retina más nítida.

¿Se expone mi clave de API en la URL de og:image?

No. La URL lleva una firma HMAC hecha con tu secreto de firma de URL, nunca tu clave de API. Mantén el secreto en el servidor; rotarlo en Configuración invalida cada URL firmada con la anterior.

¿Qué sucede si una página se vuelve viral?

Las URLs en caché siguen sirviendo sin límite. Solo los renders sin caché están limitados por velocidad por plantilla (verías un 429 con Retry-After), y en planes pagos los renders más allá de tu cantidad incluida se facturan como excedente en lugar de bloquearse.

¿Puedo generar imágenes OG sin escribir código?

Sí. Construye la plantilla en el editor, luego presiona Obtener URL firmada en el Playground y pégala en tu etiqueta og:image, o gestiona renders desde un flujo de trabajo n8n.