AbstractPrisma
Social Preview Studio

Generador de OG Image y Portada Social

Crea portadas para WhatsApp, LinkedIn, X, blog, newsletter y thumbnails en un estudio visual. El preview queda abierto; PNG, meta tags y paquete final se liberan al exportar.

Creative deck

Contenido, marca y composición en un mismo panel para iterar sin perder el preview.

Título ideal65/96

Formato de imagen

Layout

Preview abierto

Open Graph · 1200x630

HTML local
Open Graph
Cómo convertir un post en una portada social imposible de ignorar
Preview editorial para links, feeds y lanzamientos
Abstract Studio

Título

Título ideal

Contraste

82/100

Safe area

Visible

Mini galería

Templates de portada social

PNG, JPG, WebP o SVG hasta 2 MB. La imagen queda local en tu navegador.

Preview por canal

Mira cómo aparece la portada cuando el link circula

WhatsApp link card

LinkedIn feed/link

X / Twitter card

Portada de blog post

Convierte artículos en previews legibles en el feed.

Lanzamiento SaaS

Crea portada para changelog, release y landing page.

Newsletter

Da presencia visual a ediciones compartidas.

Case study

Destaca resultado, segmento y marca del estudio.

Link de WhatsApp

Evita previews genéricos en grupos y conversaciones.

Post de LinkedIn

Prepara thumbnails cuadradas y horizontales.

Por qué usar esta herramienta

Generador de Open Graph — estudio de preview social

Crea imágenes Open Graph (OG), thumbnails cuadrados, stories y portadas sociales con render local en el navegador. El editor y el preview por canal quedan abiertos; los outputs finales, como PNG, meta tags y checklist completo, se liberan por lead gate específico de la herramienta.

Por qué usar esta herramienta

  • Templates editoriales para blog, SaaS launch, newsletter, tutorial, podcast y case study
  • Formatos Open Graph 1200x630, cuadrado 1080x1080, Story/Reels y YouTube thumbnail
  • Controles de título, subtítulo, tag, autor, logo, colores, alineación e intensidad del fondo
  • Preview parcial de WhatsApp, LinkedIn y X antes de exportar
  • Exportación PNG, meta tags y checklist completo liberados por captura o engagement

Cómo usar

  1. 1Escribe el título, subtítulo corto y categoría de la portada
  2. 2Elige un template visual y ajusta colores, contraste y alineación
  3. 3Selecciona el formato ideal para link, feed, story o thumbnail
  4. 4Revisa legibilidad, safe area y previews por canal
  5. 5Libera la exportación para descargar PNG, copiar meta tags y llevar el checklist final

Buenas prácticas de imagen social

¿Cuál es el tamaño ideal de una imagen Open Graph (OG)?

La imagen Open Graph es la vista previa que aparece al compartir un enlace en WhatsApp, LinkedIn, Facebook o X. El tamaño recomendado es 1200 x 630 píxeles (1.91:1). Texto grande y alto contraste aseguran que se lea en el feed y en el móvil. Esta herramienta genera la imagen en PNG lista para la meta etiqueta og:image.

Tamaño: 1200 x 630 px (1.91:1)
Título grande, legible en móvil
Alto contraste entre texto y fondo
Menos de 8 MB (PNG o JPG)

Preguntas frecuentes

¿Qué es una imagen OG?
Es la imagen de previsualización (og:image) que se muestra cuando se comparte un enlace en redes sociales y apps de mensajería.
¿Cuál es el tamaño ideal?
1200×630 píxeles es el estándar recomendado para Open Graph y Twitter Cards.
¿Dónde agrego la imagen en mi sitio?
Define la meta etiqueta og:image (y twitter:image) en el head de la página apuntando a la imagen generada.
¿El uso básico es gratuito?
Sí. La herramienta ofrece uso básico gratuito para probar el flujo principal y ver el resultado esencial. Exportaciones avanzadas, informes completos, lotes o recursos conectados al Studio pueden requerir desbloqueo. Los suscriptores pagos no tienen bloqueo cuando el recurso está incluido en su plan.
¿Necesito una cuenta para ver el resultado?
El resultado principal está disponible en el flujo público de la herramienta. En algunos casos, informes, descargas avanzadas, conversiones extra o kits completos pueden pedir un contacto o una acción rápida. Así evitamos prometer ausencia de registro cuando existe lead gate.

¿Te resultó útil esta herramienta?

Sé el primero en valorar

Generador de Open Graph — estudio de preview social

Crea imágenes Open Graph (OG), thumbnails cuadrados, stories y portadas sociales con render local en el navegador. El editor y el preview por canal quedan abiertos; los outputs finales, como PNG, meta tags y checklist completo, se liberan por lead gate específico de la herramienta.

Por qué usar esta herramienta

  • Templates editoriales para blog, SaaS launch, newsletter, tutorial, podcast y case study
  • Formatos Open Graph 1200x630, cuadrado 1080x1080, Story/Reels y YouTube thumbnail
  • Controles de título, subtítulo, tag, autor, logo, colores, alineación e intensidad del fondo
  • Preview parcial de WhatsApp, LinkedIn y X antes de exportar
  • Exportación PNG, meta tags y checklist completo liberados por captura o engagement

Cómo usar

  1. Escribe el título, subtítulo corto y categoría de la portada
  2. Elige un template visual y ajusta colores, contraste y alineación
  3. Selecciona el formato ideal para link, feed, story o thumbnail
  4. Revisa legibilidad, safe area y previews por canal
  5. Libera la exportación para descargar PNG, copiar meta tags y llevar el checklist final

Preguntas frecuentes

¿Qué tamaño debe tener una imagen Open Graph?
La recomendación estándar es 1200x630 píxeles. Esta página también soporta exportaciones cuadradas, verticales y thumbnail de YouTube cuando tu campaña necesita formatos adicionales.
¿La imagen se genera en el servidor?
No. El preview se renderiza desde HTML/CSS local con html-to-image en tu navegador.