Generador de imágenes OG
Crea la imagen de vista previa que aparece cuando se comparte tu enlace en Facebook, X, LinkedIn, WhatsApp, Slack o Discord, en el tamaño correcto para cada plataforma y con sus metaetiquetas.
- 6 diseños
- Todos los tamaños en ZIP
- Metaetiquetas
- No se sube nada
Contenido
Los logos y las imágenes se quedan en tu navegador. Nunca se suben.
Tamaños del ZIP
Marca cada plataforma que necesites. El diseño se adapta a cada formato.
Metaetiquetas
Cómo crear una imagen Open Graph
Escribe, da estilo y descarga.
- 1
Escribe el contenido
Introduce el título y, si quieres, una descripción, el nombre del sitio, una etiqueta y el autor. Añade un logo o una imagen de fondo.
- 2
Elige el diseño y los colores
Escoge uno de los seis diseños, un tema de color o los colores de tu marca, y cambia de plataforma para revisar cada formato.
- 3
Descarga y añade las etiquetas
Descarga una imagen o todos los tamaños seleccionados en un ZIP, sube el archivo a tu sitio y pega las metaetiquetas en la página.
Imágenes para compartir sin programa de diseño
Vistas previas legibles y con tu marca para cada enlace que publiques.
Seis diseños
Clásico, centrado, dividido, barra de marca, minimalista y foto con texto: todos funcionan en horizontal, cuadrado y vertical.
Todas las plataformas
Open Graph, X, LinkedIn, Pinterest, Instagram cuadrado y 4:5, historia y YouTube, además de cualquier tamaño personalizado.
Texto que siempre cabe
Los títulos largos se reducen y se ajustan en líneas automáticamente, sin que se corte nada.
Logo y foto
Coloca tu logo y usa tu propia imagen como fondo, oscurecida o desenfocada para que el texto se lea bien.
Colores de marca
Ocho temas o tus propios colores de fondo, texto y acento, con degradados y patrones discretos.
Zonas seguras
Unas guías opcionales muestran los márgenes y el cuadrado al que recortan las vistas previas pequeñas.
Metaetiquetas
Copia las etiquetas og:image y twitter:image con el ancho, el alto y el tipo correctos.
Privado
Los textos, logos e imágenes se quedan en tu navegador; las imágenes se generan en tu dispositivo.
¿Qué es una imagen OG y qué tamaño debe tener?
Una imagen OG (imagen Open Graph) es la imagen que muestran las redes sociales y las aplicaciones de mensajería cuando alguien comparte un enlace. Se define con la metaetiqueta og:image en la cabecera de la página. Facebook, LinkedIn, WhatsApp, Slack, Discord, iMessage y muchas otras aplicaciones leen esta etiqueta; X lee twitter:image y, si no existe, recurre a la etiqueta Open Graph. Una página sin etiqueta recibe una imagen al azar o un simple enlace de texto.
El tamaño que funciona en casi todas partes es 1200 × 630 píxeles, una proporción aproximada de 1,91:1. Es suficiente para pantallas de alta resolución y coincide con la tarjeta ancha de Facebook y LinkedIn. X documenta una imagen 2:1 para las tarjetas grandes, Pinterest prefiere una imagen vertical 2:3 de 1000 × 1500 px e Instagram usa imágenes de 1080 px de ancho, cuadradas o en 4:5. Mantén los archivos por debajo de unos 5 MB; PNG va mejor para texto y colores planos, JPG para fotos.
Una buena imagen para compartir se lee de un vistazo: un título corto en letra grande, mucho contraste entre el texto y el fondo y poco más. Aleja el texto de los bordes, porque algunas aplicaciones recortan la imagen, y recuerda que WhatsApp e iMessage suelen mostrar solo el cuadrado central. Las guías de zonas seguras de este generador muestran ambas zonas antes de exportar.
Tamaños recomendados para imágenes de vista previa
| Plataforma | Tamaño en px | Proporción |
|---|---|---|
| Open Graph (Facebook, WhatsApp, Slack, Discord) | 1200 × 630 | 1,91:1 |
| X (Twitter), tarjeta grande | 1200 × 600 | 2:1 |
| Publicación con enlace en LinkedIn | 1200 × 627 | 1,91:1 |
| Pin de Pinterest | 1000 × 1500 | 2:3 |
| Publicación de Instagram | 1080 × 1080 o 1080 × 1350 | 1:1 o 4:5 |
| Miniatura de YouTube | 1280 × 720 | 16:9 |
Consejos
- ¿Prefieres usar una foto que ya tienes en lugar de una tarjeta diseñada? Redimensionar para redes sociales recorta una imagen al tamaño de cada red.
- Si un PNG con una foto de fondo pesa demasiado, cambia aquí a JPG o reduce el archivo con el Compresor de imágenes.
- Completa el conjunto: crea los iconos de navegador y de pantalla de inicio de tu sitio con el Generador de favicon.
- Después de publicar, las redes conservan la vista previa antigua en caché. Usa el depurador de contenido compartido de Facebook o el Post Inspector de LinkedIn para cargar la imagen nueva.
Preguntas frecuentes
¿No encuentras tu respuesta? Escríbenos: respondemos rápido.
¿Cuál es el mejor tamaño para una imagen OG?
1200 × 630 px. Se muestra bien en Facebook, LinkedIn, WhatsApp, Slack, Discord y la mayoría de las demás aplicaciones, y se ve nítida en pantallas de alta resolución.
¿Dónde pongo la imagen OG?
Sube el archivo a tu sitio web y añade <meta property="og:image" content="https://…"> a la cabecera de la página con la dirección completa de la imagen. El generador escribe las etiquetas por ti.
¿X (Twitter) necesita una imagen aparte?
No necesariamente. X usa twitter:image y, si falta, recurre a og:image. La imagen de 1200 × 630 funciona; hay una versión 2:1 disponible si quieres un ajuste exacto.
¿PNG o JPG?
PNG ofrece el texto más nítido en colores planos y degradados. Si usas una foto de fondo, JPG suele pesar varias veces menos sin diferencia visible.
¿Por qué mi enlace sigue mostrando la imagen antigua?
Las plataformas guardan las vistas previas en caché, a veces durante días. Solicita una nueva lectura con la herramienta de depuración de la plataforma o cambia el nombre del archivo de la imagen.
¿Se suben mi logo y mi texto?
No. Todo se dibuja en un canvas dentro de tu navegador. Tus textos, tu logo y tu imagen de fondo nunca salen de tu dispositivo.
Más herramientas gratuitas para imágenes
Redimensiona, comprime, convierte y limpia imágenes: rápido, gratis y en privado, directamente en tu navegador.