Generador Gratuito de Imagen Open Graph
Crea la imagen de vista previa que aparece cuando tu enlace se comparte en redes sociales. Escribe un título, elige tus colores, agrega un logo si quieres y descarga un PNG perfecto de 1200×630. Todo se genera aquí en tu navegador — gratis para siempre, sin registro, sin marca de agua.
Color de fondo
Color del texto
Color de acento
PNG, JPG o SVG — hasta 2MB.
Vista previa en vivo
1200 × 630px — lista para Open Graph
Por qué usar este generador
- Bloguero que publica un post y quiere una tarjeta limpia en vez del recorte borroso de la plataforma.
- Developer configurando metadatos Open Graph / Next.js que necesita una imagen 1200×630 rápido, sin abrir Figma.
- Marketer en campaña que quiere que cada landing tenga una vista previa social de marca.
- Fundador antes de un lanzamiento que necesita una tarjeta pulida de Twitter/X y LinkedIn en dos minutos.
- Autor de newsletter o Substack que quiere una imagen de cabecera consistente entre ediciones compartidas.
Cómo funciona
- 1Escribe tu título (y un subtítulo opcional). El título se ajusta automáticamente — los largos se acomodan en dos líneas, los cortos quedan grandes.
- 2Elige color de fondo, texto y acento — parte de los presets de marca o usa el selector para un hex exacto.
- 3Opcionalmente sube un logo (PNG, JPG o SVG hasta 2MB) y colócalo arriba a la izquierda, derecha o centro.
- 4Elige un estilo de fuente — sans-serif, serif o monospace (fuentes del sistema, idénticas en todos lados).
- 5Haz clic en Descargar PNG. Obtienes un archivo 1200×630 llamado og-image.png, listo para tu etiqueta og:image.
Preguntas frecuentes
- ¿Qué tamaño debe tener una imagen OG?
- 1200×630 píxeles (proporción 1.91:1). Es el tamaño que usan Facebook, LinkedIn y Twitter/X para las tarjetas grandes, y es exactamente lo que exporta esta herramienta. El mínimo que acepta Facebook es 200×200, pero por debajo de ~600px de ancho se ve borroso, así que 1200×630 es el estándar seguro.
- ¿Qué es una imagen Open Graph?
- Una imagen Open Graph (OG) es la imagen que aparece cuando alguien comparte tu enlace en redes sociales o apps de mensajería. Se define con la etiqueta <meta property="og:image"> en el <head> de tu página. Sin ella, las plataformas toman una imagen aleatoria o muestran un enlace de texto plano — ambos se ven poco profesionales.
- ¿Necesito una imagen OG para cada página?
- Idealmente sí. Cada página que pueda compartirse — posts, landings, páginas de producto — debería tener su propia og:image para que la tarjeta coincida con el contenido. Una sola imagen para todo el sitio es mejor que nada, pero las imágenes por página reciben más clics porque la vista previa es relevante.
- ¿Dónde aparecen las imágenes OG?
- Facebook, LinkedIn, Twitter/X, Slack, Discord, iMessage, WhatsApp y la mayoría de apps que convierten un enlace en una vista previa enriquecida. Todas leen las mismas etiquetas og:image / twitter:image, así que una imagen 1200×630 bien hecha cubre todas las plataformas.
¿Ya tienes tu imagen? Pruébala con nuestro Previsualizador de Etiquetas Open Graph →
Y cuando necesites más herramientas gratuitas de marketing, mira nuestra lista completa.