Generador gratuito de imágenes Open Graph

Genera imágenes OG dinámicas para cualquier página con una sola llamada a la API. Sin API key. Sin registro. Solo una URL.

Endpoint de la API

GET https://appbrewers.com/api/og?title=Your+Title&subtitle=Your+Subtitle&brand=yourdomain.com&color=%237c3aed

Generadas en el edge

Imágenes generadas en la Vercel Edge Network. Tiempos de respuesta inferiores a 100 ms a nivel global.

API sencilla

Pasa title, subtitle y brand como parámetros de consulta. Devuelve un PNG de 1200×630.

Personalizable

Controla colores, texto y diseño. Modo oscuro por defecto. Modo claro opcional.

Gratis para siempre

Sin API key necesaria. Sin límites de uso razonable. Creado para la comunidad.

Ejemplos en vivo

Entrada de blog

Entrada de blog/api/og?title=How%20to%20Build%20a%20SaaS%20MVP&subtitle=From%20idea%20to%20first%20paying%20customer%20in%206%20weeks

Lanzamiento de producto

Lanzamiento de producto/api/og?title=Conversify&subtitle=AI%20Receptionist%20for%20WhatsApp%20%26%20Instagram&color=%237c3aed

Página de agencia

Página de agencia/api/og?title=Next.js%20Development%20Agency&subtitle=Production-ready%20apps%20in%202-4%20weeks&brand=appbrewers.com

Cómo usarlo

1. En tus meta tags HTML

<meta property="og:image" content="https://appbrewers.com/api/og?title=My+Page&subtitle=Description" />

2. En los metadatos de Next.js

export const metadata = {
  openGraph: {
    images: ['https://appbrewers.com/api/og?title=My+Page&subtitle=Description'],
  },
};

3. Parámetros de consulta

  • titleEncabezado principal (obligatorio)
  • subtitleSubencabezado (opcional)
  • brandNombre de dominio (opcional, por defecto: appbrewers.com)
  • colorColor de acento en hexadecimal (opcional, por defecto: #7c3aed)

Creado por AppBrewers

Creamos aplicaciones web, plataformas SaaS y sistemas de automatización con IA. Obtén un presupuesto de precio fijo en 24 horas.

Pide una cotización gratuita