Generador de Imagen OG
Genera imágenes de vista previa Open Graph para redes sociales.
Diseñar imágenes para compartir que generen clics
Resumen
Cuando se comparte un enlace en Twitter/X, Facebook, LinkedIn, Slack o Discord, la tarjeta de vista previa toma una imagen Open Graph (og:image): la imagen grande que aparece sobre el título. Una buena imagen OG aumenta mucho el porcentaje de clics; una ausente o rota hace que el enlace parezca poco fiable. El tamaño estándar es 1200×630 píxeles. Este generador te permite componer una imagen de marca con título, fondo y colores de acento, y exportarla lista para conectarla a la etiqueta og:image de tu sitio.
Cómo usar (paso a paso)
- 1
Introduce tu título y estilo
Escribe el titular y elige los colores de fondo y acento. La vista previa se actualiza en la proporción real 1200×630.
- 2
Exporta el PNG
Descarga la imagen renderizada a la resolución Open Graph completa.
- 3
Conéctalo a tus etiquetas meta
Aloja el PNG y añade <meta property="og:image" content="..."> y <meta name="twitter:image"> en el <head> de tu página.
Cómo Funciona
Compones el diseño —título, subtítulo opcional, color o degradado de fondo y acento— en una vista previa en vivo de 1200×630. La herramienta renderiza tu diseño en un lienzo con las dimensiones OG exactas y exporta un PNG. Alojas ese PNG y lo referencias en las etiquetas Open Graph y Twitter Card de tu página. Las plataformas obtienen la imagen al compartir el enlace por primera vez y la guardan en caché. La generación ocurre localmente en tu navegador.
Cuándo usarlo
Dar a cada entrada de blog una tarjeta de marca distintiva en lugar de un logo genérico. Crear anuncios de lanzamiento de productos o funciones. Hacer que los enlaces a eventos o webinars luzcan pulidos al compartirlos en Slack/Discord. Estandarizar las imágenes para compartir de un sitio de marketing. Probar A/B distintos titulares en las tarjetas para mejorar el porcentaje de clics.
Preguntas Frecuentes
1200×630 píxeles (proporción 1.91:1) es el estándar universal para la tarjeta grande de Facebook, LinkedIn y Twitter. Mantén el texto importante lejos de los bordes, ya que algunas plataformas recortan un poco.