¿Qué es una imagen Open Graph y para qué sirve?

Las imágenes Open Graph (OG) son las imágenes que aparecen cuando compartes un enlace en redes sociales: el recuadro de previsualización en Twitter/X, LinkedIn, Facebook, WhatsApp, Telegram y Slack muestra automáticamente la imagen especificada en el meta tag ` ` de la página web. Una OG image bien diseñada puede duplicar el CTR (tasa de clics) de un enlace compartido frente a una página sin imagen o con imagen incorrecta.

¿Cuál es el tamaño estándar para OG images?

El tamaño recomendado por todas las plataformas principales es 1200×630 px, que corresponde a una relación de aspecto de 1.91:1. Esta herramienta genera exactamente esas dimensiones. Twitter/X también acepta 800×418 px como mínimo, pero 1200×630 es el estándar que garantiza la mejor visualización en todas las plataformas simultáneamente.

¿Puedo añadir mi logo a la imagen OG?

Sí. El botón "Subir logo" permite añadir una imagen (PNG con transparencia recomendado) que aparecerá en la esquina superior izquierda de la OG image. El logo se escala proporcionalmente a una altura de 60 px. Para mejor resultado, usa un logo PNG con fondo transparente y colores que contrasten bien con el fondo elegido.

¿Cómo se añade la imagen OG a mi web?

Sube el archivo a tu servidor (o CDN) y añade en el ` ` de tu HTML: ` `. También añade ` ` y ` ` para ayudar a las plataformas a cargarla más rápido. En WordPress usa un plugin SEO como Yoast o Rank Math. En Webflow, Squarespace y Wix hay opciones nativas en la configuración de SEO de cada página.

¿Con qué frecuencia se actualiza la imagen en redes sociales?

Las redes sociales cachean las OG images durante 24–72 horas. Si cambias la imagen y quieres que los nuevos compartidos muestren la imagen actualizada, usa la herramienta de depuración de cada plataforma: Facebook/LinkedIn tiene el "Open Graph Debugger" (developers.facebook.com/tools/debug), Twitter/X tiene el "Card Validator". Esto fuerza el re-scraping de la imagen actualizada.

¿En qué formato es mejor generar la imagen OG?

JPEG es el formato más recomendado para OG images: genera archivos más pequeños que cargan más rápido (importante para el rendimiento de la previsualización), y todas las plataformas lo soportan sin problemas. Usa PNG solo si el diseño incluye elementos con transparencia o texto con bordes muy nítidos que JPEG podría suavizar.

¿Los archivos se envían a algún servidor?

No. La imagen se genera completamente en tu navegador usando la Canvas API. El fondo, el texto y el logo se renderizan localmente y el archivo se descarga directamente desde tu dispositivo sin pasar por ningún servidor externo. La herramienta funciona sin conexión a internet una vez cargada la página.

Generador OG Image

Diseña imágenes Open Graph (og:image) de 1200×630 px con título, subtítulo, colores personalizables y logo opcional. Descarga en PNG o JPG listo para usar en tu web. Canvas API, 100% en el navegador. Sin subir archivos.

Gratis, sin registro y sin subir archivos a ningún servidor: el procesamiento ocurre en tu navegador · Actualizado el 18 de septiembre de 2026

Título principal

Subtítulo / descripción

Fondo

Texto

Acento

Subir logo (opcional)

Preview (escala reducida) — El archivo descargado es 1200×630px

Por qué una buena OG image multiplica el CTR de tus contenidos

Cuando alguien comparte tu enlace en Twitter/X, LinkedIn o WhatsApp, la previsualización con imagen genera hasta un 3× más clics que un enlace sin imagen. El texto del título y la descripción tienen solo una fracción de segundo para captar la atención del usuario al hacer scroll; la imagen es el elemento que detiene el dedo. Una OG image con tu marca, un titular claro y un diseño limpio es una inversión de pocos minutos que mejora el rendimiento de todo tu contenido compartido.

Buenas prácticas de diseño para OG images

Para una OG image efectiva: usa texto grande y legible (mínimo 48 px) que se lea bien en móvil donde la previsualización es pequeña; mantén un contraste alto entre texto y fondo; coloca tu logo o nombre de marca para que la fuente sea reconocible; usa colores de tu identidad de marca para consistencia; evita sobrecargar con demasiado texto (máximo 8–10 palabras en el titular); y deja márgenes generosos porque algunas plataformas recortan ligeramente los bordes.

Otras herramientas

Marca de agua

Añade texto o imagen con opacidad y posición ajustables.

Imagen placeholder

Genera imágenes de marcador de posición con texto, tamaño y color a medida.

Imagen a ICO

Convierte cualquier imagen a formato .ico con múltiples tamaños.

Preguntas frecuentes

¿Qué es una imagen Open Graph y para qué sirve?: Las imágenes Open Graph (OG) son las imágenes que aparecen cuando compartes un enlace en redes sociales: el recuadro de previsualización en Twitter/X, LinkedIn, Facebook, WhatsApp, Telegram y Slack muestra automáticamente la imagen especificada en el meta tag `<meta property="og:image">` de la página web. Una OG image bien diseñada puede duplicar el CTR (tasa de clics) de un enlace compartido frente a una página sin imagen o con imagen incorrecta.
¿Cuál es el tamaño estándar para OG images?: El tamaño recomendado por todas las plataformas principales es 1200×630 px, que corresponde a una relación de aspecto de 1.91:1. Esta herramienta genera exactamente esas dimensiones. Twitter/X también acepta 800×418 px como mínimo, pero 1200×630 es el estándar que garantiza la mejor visualización en todas las plataformas simultáneamente.
¿Puedo añadir mi logo a la imagen OG?: Sí. El botón "Subir logo" permite añadir una imagen (PNG con transparencia recomendado) que aparecerá en la esquina superior izquierda de la OG image. El logo se escala proporcionalmente a una altura de 60 px. Para mejor resultado, usa un logo PNG con fondo transparente y colores que contrasten bien con el fondo elegido.
¿Cómo se añade la imagen OG a mi web?: Sube el archivo a tu servidor (o CDN) y añade en el `<head>` de tu HTML: `<meta property="og:image" content="https://tudominio.com/og-image.jpg">`. También añade `<meta property="og:image:width" content="1200">` y `<meta property="og:image:height" content="630">` para ayudar a las plataformas a cargarla más rápido. En WordPress usa un plugin SEO como Yoast o Rank Math. En Webflow, Squarespace y Wix hay opciones nativas en la configuración de SEO de cada página.
¿Con qué frecuencia se actualiza la imagen en redes sociales?: Las redes sociales cachean las OG images durante 24–72 horas. Si cambias la imagen y quieres que los nuevos compartidos muestren la imagen actualizada, usa la herramienta de depuración de cada plataforma: Facebook/LinkedIn tiene el "Open Graph Debugger" (developers.facebook.com/tools/debug), Twitter/X tiene el "Card Validator". Esto fuerza el re-scraping de la imagen actualizada.
¿En qué formato es mejor generar la imagen OG?: JPEG es el formato más recomendado para OG images: genera archivos más pequeños que cargan más rápido (importante para el rendimiento de la previsualización), y todas las plataformas lo soportan sin problemas. Usa PNG solo si el diseño incluye elementos con transparencia o texto con bordes muy nítidos que JPEG podría suavizar.
¿Los archivos se envían a algún servidor?: No. La imagen se genera completamente en tu navegador usando la Canvas API. El fondo, el texto y el logo se renderizan localmente y el archivo se descarga directamente desde tu dispositivo sin pasar por ningún servidor externo. La herramienta funciona sin conexión a internet una vez cargada la página.