Generador

Imagen

Editor

Generador de Imágenes Open Graph

Creador gratis de og:image y tarjetas sociales. Crea imágenes de vista previa para Facebook, Twitter, LinkedIn. Exporta PNG, JPG o WebP en 2x retina.

¿Tienes comentarios? Reporta errores, sugiere funciones o comparte tus ideas — leemos todos

Acerca del Generador de Imágenes Open Graph

El Generador de Imágenes Open Graph te ayuda a crear imágenes de vista previa profesionales y llamativas para compartir en redes sociales. Cuando compartes un enlace en Facebook, Twitter, LinkedIn u otras plataformas sociales, la imagen Open Graph (og:image) es lo que aparece en la tarjeta de vista previa del enlace.

Admite todas las proporciones estándar: 1200 × 630 (1.91:1) para Facebook y LinkedIn, 1200 × 675 (16:9) para las tarjetas summary_large_image de Twitter/X y 1080 × 1080 (1:1) para Instagram. Personaliza cada aspecto de tu imagen OG —título, descripción, colores, fondos, degradados, iconos y branding— y luego expórtala como PNG, JPG o WebP a resolución 1x o 2x retina, con una estimación de tamaño de archivo en tiempo real para no superar el límite de carga de cada plataforma.

¿Qué es una imagen Open Graph?

Una imagen Open Graph (OG) es la imagen en miniatura que aparece cuando compartes el enlace de una página web en plataformas de redes sociales como Facebook, Twitter, LinkedIn y más. Se define en las etiquetas meta HTML de tu página web (og:image) e impacta significativamente las tasas de clics y el engagement.

Una imagen OG bien diseñada puede aumentar el engagement en redes sociales hasta un 120% en comparación con publicaciones sin imágenes.

¿Cuáles son las dimensiones recomendadas?

Diferentes plataformas tienen tamaños óptimos diferentes:

• Facebook y LinkedIn: 1200 × 630 píxeles (ratio 1.91:1)
• Twitter: 1200 × 675 píxeles (ratio 16:9)
• Instagram: 1080 × 1080 píxeles (ratio 1:1)

El tamaño más universal es 1200 × 630 píxeles, que funciona bien en la mayoría de las plataformas. Usa siempre al menos 1200px de ancho para una visualización de alta calidad en dispositivos modernos.

¿Puedo usar mi propia imagen de fondo?

¡Sí! Puedes subir tu propia imagen de fondo en la pestaña Diseño. La herramienta admite formatos JPG, PNG y WebP. También puedes ajustar la opacidad del fondo para crear efectos de superposición que mantengan tu texto legible sobre imágenes ocupadas.

¿Qué formato de archivo debo usar?

Para imágenes Open Graph, usa:

• PNG: Mejor para imágenes con texto, logos y gráficos con transparencia
• JPG: Mejor para fondos fotográficos, tamaño de archivo más pequeño
• WebP: Formato moderno con excelente compresión (compatible con la mayoría de plataformas)

Mantén el tamaño del archivo por debajo de 5MB para una velocidad de carga óptima. La mayoría de las plataformas sociales comprimirán la imagen de todos modos, por lo que PNG suele ser la opción más segura para la calidad.

¿Cómo implemento la imagen OG en mi sitio web?

Después de generar y descargar tu imagen, súbela a tu sitio web y agrega estas etiquetas meta a la sección <head> de tu HTML:

<meta property="og:image" content="https://tusitioweb.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:image" content="https://tusitioweb.com/og-image.png">

Usa URLs absolutas (https://... completa) para la ruta de la imagen. Prueba tu implementación con el Debugger de Compartir de Facebook o el Validador de Tarjetas de Twitter.

Generador de Imágenes Open Graph — Creador gratis de og:image y tarjetas sociales. Crea imágenes de vista previa para Facebook, Twitter, LinkedIn. Exporta — **Generador de Imágenes Open Graph**

¿Puedo agregar mi logo a la imagen OG?

¡Sí! Puedes subir un logo o icono y posicionarlo (izquierda, centro o derecha) en tu imagen OG. Esto ayuda con el reconocimiento de marca y hace que tus enlaces compartidos sean más profesionales y confiables. Los logos PNG transparentes funcionan mejor para flexibilidad con diferentes fondos.

¿Cuál es el tamaño máximo de archivo de una imagen OG?

Cada plataforma impone su propio límite. Twitter/X rechaza las imágenes de más de 5 MB. Facebook recomienda mantener los archivos og:image por debajo de 8 MB (e idealmente mucho menos para un rastreo rápido). LinkedIn admite aproximadamente hasta 5 MB. Si un fondo fotográfico te hace superar el límite, cambia el formato de exportación de esta herramienta a JPG o WebP y baja el control de calidad: ambos comprimen mucho más que PNG. La estimación de tamaño en tiempo real junto al selector de formato muestra el peso actual antes de descargar, para que confirmes que estás por debajo del límite.

¿Por qué no se actualiza mi imagen OG? ¿Cómo borro la caché?

Las plataformas sociales almacenan en caché la primera og:image que rastrean, así que una imagen nueva suele no aparecer de inmediato. Para forzar la actualización: en Facebook, abre el Depurador de uso compartido (developers.facebook.com/tools/debug), pega tu URL y haz clic en 'Volver a extraer'. En LinkedIn, usa el Post Inspector (linkedin.com/post-inspector) y vuelve a inspeccionar la URL. En Twitter/X, el validador de tarjetas y un nuevo compartido normalmente la refrescan. Añadir un parámetro de versión a la URL de la imagen (por ejemplo og-image.png?v=2) también vence las cachés más persistentes.

PNG, JPG o WebP, ¿qué formato de exportación debo elegir?

Depende de tu fondo. PNG es sin pérdida e ideal para colores planos, degradados, texto y logos con bordes nítidos, pero su tamaño crece rápido con fotos. JPG es mejor para fondos fotográficos y genera archivos mucho más pequeños, perfecto cuando necesitas bajar del límite de 5 MB de Twitter. WebP ofrece la mejor compresión y es compatible con Facebook, LinkedIn y X, por lo que es una gran opción por defecto para tarjetas con muchas fotos. Usa el control de calidad (50–100%) con JPG o WebP para equilibrar nitidez y tamaño, y elige la opción 2x para una visualización retina nítida en pantallas de alta densidad.

¿Cuál es la diferencia entre las tarjetas summary_large_image y summary de Twitter?

Twitter/X admite dos tipos de tarjeta. 'summary_large_image' muestra un banner grande de ancho completo con una imagen de 1200 × 675 (16:9): es lo que quieren la mayoría de los blogs y páginas de marketing, y es el preajuste 'Twitter' de 1200 × 675 de esta herramienta. La tarjeta 'summary' simple muestra una miniatura cuadrada más pequeña (cerca de 1:1) junto al texto, mejor para iconos o avatares. Define el tipo de tarjeta en tus etiquetas meta con <meta name="twitter:card" content="summary_large_image"> y proporciona un twitter:image acorde.

Ver también

HERRAMIENTAS DE REDES SOCIALES19

WUTOOLS