Generador de imágenes OG: creador de tarjetas sociales gratuito
Crea imágenes de vista previa de Open Graph para Twitter, LinkedIn y Facebook en segundos. 4 plantillas. Colores personalizables. Descarga imágenes PNG de 1200 × 630 al instante.
Cuando necesitas una imagen OG personalizada
Blog y contenido
- Crea una vista previa personalizada para cada entrada del blog antes de publicarla.
- Genera imágenes OG coincidentes para tus páginas de documentación.
- Diseñar miniaturas coherentes para las páginas de archivo del boletín informativo.
- Haz que los enlaces de tus artículos destaquen en los feeds de Twitter y Slack.
Productos y SaaS
- Crea una vista previa de la página de destino personalizada para cada página de características.
- Generar imágenes OG para el registro de cambios y los anuncios de lanzamiento.
- Crea tarjetas sociales para las páginas de precios, información y registro.
- Diseñar vistas previas específicas de la campaña para las herramientas de enlace en la biografía.
Desarrolladores y agencias
- Pruebe rápidamente las imágenes OG antes de implementar un generador dinámico del lado del servidor.
- Crea imágenes estáticas de reserva OG para páginas sin contenido dinámico.
- Genera tarjetas sociales personalizadas para cada cliente sin necesidad de iniciar un servidor.
- Exportar imágenes originales de referencia para realizar pruebas A/B con diferentes formatos de titulares.
Cómo crear una imagen OG: 3 pasos
Introduce tu contenido
Introduce el título de tu página, una breve descripción y el nombre de tu sitio web en el formulario. La vista previa se actualiza en tiempo real a medida que escribes; no necesitas guardar nada.
Elige una plantilla y un color de marca.
Elige entre las plantillas Clean, Dark, Gradient o Brand. Configura el color de tu marca con el selector de color para que coincida con la paleta de tu sitio web.
Descarga tu PNG
Haz clic en Descargar para exportar un archivo PNG de 1200×630 píxeles, el tamaño de imagen estándar de Open Graph que requieren Twitter, LinkedIn y Facebook para las vistas previas de enlaces a sangre completa.
Generador de imágenes OG gratuito: crea imágenes de vista previa de Open Graph en línea.
Las imágenes Open Graph (og:image) son las vistas previas visuales que aparecen al compartir un enlace en Twitter, LinkedIn, Facebook, Slack o Discord. Sin una og:image del tamaño adecuado, las plataformas utilizan un marcador de posición genérico, lo que te cuesta clics. El generador de imágenes OG de PicsSizer te permite crear una tarjeta social PNG de 1200 × 630 píxeles directamente en tu navegador con Satori (la misma biblioteca que utiliza el servicio de imágenes og de Vercel), sin necesidad de instalar nada ni subir archivos a un servidor. Introduce el título, la descripción y el nombre de tu sitio web, elige una de las 4 plantillas, configura el color de tu marca y descárgala en segundos.
¿Qué es una imagen de Open Graph?
Open Graph (OG) es un protocolo creado por Facebook que controla cómo se muestran las URL al compartirlas en redes sociales. La metaetiqueta og:image define la imagen que se muestra en la tarjeta de vista previa del enlace. Twitter usa og:image como alternativa a twitter:image cuando no se especifica una tarjeta de Twitter. LinkedIn, Slack y Discord también leen og:image para mostrar las vistas previas desplegables. El tamaño estándar es de 1200 × 630 píxeles (relación de aspecto 1,91:1), lo que produce una tarjeta de ancho completo en la mayoría de las plataformas. Las imágenes OG faltantes o con un tamaño incorrecto dan como resultado miniaturas recortadas, borrosas o inexistentes, lo que reduce significativamente las tasas de clics.
Requisitos de tamaño de imagen OG por plataforma
Twitter requiere entre 1200 × 628 y 1200 × 630 para summary_card_with_large_image. LinkedIn recomienda 1200 × 627 para artículos. Facebook admite 1200 × 630 para la mayoría de los enlaces compartidos; las imágenes inferiores a 600 × 315 se muestran como miniaturas pequeñas. Slack y Discord admiten 1200 × 630 y recortan las imágenes con otras de aspecto . El tamaño de 1200 × 630 exportado por esta herramienta es el valor predeterminado universal seguro que se visualiza correctamente en todas las plataformas principales sin recorte.
Consejos para obtener imágenes OG con alto CTR
Utiliza un título de menos de 60 caracteres; los títulos más largos se truncan en algunas vistas previas de la plataforma. Mantén las descripciones por debajo de 160 caracteres para una visualización completa. El texto de alto contraste sobre un fondo sólido o degradado se lee mejor que las fotos con texto superpuesto. La coherencia de la marca (mismos colores y fuente en todas las imágenes originales) aumenta el reconocimiento en las redes sociales. Prueba tu imagen original con el Validador de Tarjetas de Twitter, el Inspector de Publicaciones de LinkedIn y el Depurador de Compartir de Facebook después de la implementación para confirmar que la nueva imagen se haya almacenado correctamente en caché.
Más herramientas de diseño y generación
Genera, convertir y diseña, todo gratis y directamente en tu navegador.
Generador de capturas de pantalla
Crea capturas de pantalla profesionales para la tienda de aplicaciones con maquetas de dispositivos.
Generador de favicon
Exporta los iconos de favoritos en todos los tamaños necesarios a partir de una sola imagen.
Generador de códigos QR
Genera códigos QR a partir de URL, texto, WiFi o vCard.
Imagen a Base64
Codifica las imágenes como URL de datos Base64 para su incrustación en HTML y CSS.
Generador de imágenes OG: Preguntas frecuentes
Preguntas frecuentes sobre la creación de imágenes Open Graph en línea