El tamaño estándar de una OG image es 1200×630 píxeles, con una relación de aspecto de 1.91:1. Usa ese único tamaño y tus vistas previas de enlaces se mostrarán correctamente en Facebook, X (Twitter), LinkedIn, Slack, Discord, WhatsApp y Telegram.
Esa es la respuesta corta. El resto de esta guía cubre los detalles que de verdad hacen tropezar a la gente: dimensiones por plataforma, la zona segura para el texto, los límites de peso de archivo y las etiquetas meta que le dicen a cada plataforma dónde vive tu imagen.
El único tamaño que funciona en todas partes
Si solo vas a recordar un número, que sea este:
| Propiedad | Valor recomendado |
|---|---|
| Dimensiones | 1200 × 630 px |
| Relación de aspecto | 1.91:1 |
| Formato | PNG o JPG |
| Peso del archivo | Menos de 1 MB (los límites duros son mayores, pero cuanto más ligero, más rápido carga) |
| URL | URL HTTPS absoluta |
Todas las grandes plataformas usan 1.91:1 de forma nativa o recortan desde ahí sin problemas. Diseñar exactamente a 1200×630 significa crear una imagen por página en lugar de cinco.
Tamaño de OG image por plataforma
Las plataformas difieren ligeramente en lo que prefieren y lo que imponen:
| Plataforma | Tamaño recomendado | Notas |
|---|---|---|
| 1200 × 630 | Mínimo 200×200; por debajo de 600×315 la imagen se muestra como una miniatura pequeña en lugar de una tarjeta grande | |
| X (Twitter) | 1200 × 630 | Las tarjetas summary_large_image recortan hacia 2:1 — mantén el contenido clave centrado |
| 1200 × 627 | 1.91:1; en la práctica, la misma imagen que en Facebook | |
| Discord | 1200 × 630 | Usa og:image para los embeds grandes de enlaces |
| Slack | 1200 × 630 | Las vistas previas leen directamente las etiquetas Open Graph |
| 1200 × 630 | Mantén el archivo ligero (bastante por debajo de 300 KB) o la vista previa puede no cargar | |
| Telegram | 1200 × 630 | Lee og:image; cachea de forma agresiva |
| 1000 × 1500 | La excepción — los Pines prefieren el formato vertical 2:3, así que usa ahí imágenes específicas para Pinterest |
La conclusión: fuera de Pinterest, una sola imagen de 1200×630 lo cubre todo.
La zona segura: dónde debe vivir tu texto
Cada plataforma recorta a su manera — X tira hacia 2:1 y algunos diseños móviles rebanan los bordes. Para que tu título se lea bien en todas partes:
- Mantén todo el texto y los logotipos dentro del área central de 1120 × 560 (aproximadamente un 5 % de margen por lado).
- Asume que los bordes exteriores pueden recortarse — nunca pegues contenido clave contra un borde.
- Prueba con un título real a tamaño real: un texto que se ve bien en la herramienta de diseño suele quedarse pequeño a escala de feed. Como regla general, mantén los títulos a 48px o más en el lienzo de 1200×630.
Nuestras plantillas gratuitas ya traen estos márgenes integrados, así que todo lo que escribas se queda dentro de la zona segura.
Peso, formato y resolución
- Formato: PNG para gráficos con mucho texto (bordes nítidos), JPG para fondos fotográficos. WebP ya funciona en las grandes plataformas, pero PNG/JPG siguen siendo lo más seguro para las aplicaciones minoritarias.
- Peso del archivo: Facebook admite hasta 8 MB y X hasta 5 MB — pero los crawlers agotan el tiempo de espera con imágenes lentas. Quedarse por debajo de 1 MB (y de 300 KB para que WhatsApp sea fiable) es el objetivo práctico.
- Resolución: 1200×630 a 1x es suficiente. Duplicar a 2400×1260 para Retina rara vez mejora el renderizado en el feed y duplica el peso del archivo.
Las etiquetas meta que lo hacen funcionar
Las dimensiones son solo la mitad del trabajo — las plataformas encuentran tu imagen a través de las etiquetas meta Open Graph en el <head> de tu página:
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Launch day: v2.0 — changelog" />
<meta name="twitter:card" content="summary_large_image" />Tres detalles importan más de lo que parece:
og:imagedebe ser una URL HTTPS absoluta — las rutas relativas fallan en silencio en la mayoría de los crawlers.og:image:widthyog:image:heightpermiten a las plataformas reservar el espacio correcto antes de descargar la imagen, de modo que la primera vez que se comparte ya se muestra una tarjeta completa en lugar de una en blanco.twitter:cardcon el valorsummary_large_imagees lo que convierte las vistas previas de X de un cuadradito a la tarjeta de ancho completo.
Errores comunes (y arreglos rápidos)
- La imagen mide menos de 600×315. Facebook la degrada a una miniatura lateral diminuta. Exporta a 1200×630.
- El texto se pega a los bordes. El recorte de X lo corta. Mantén el texto en la zona segura central.
- La vista previa muestra una imagen antigua. Las plataformas cachean de forma agresiva — la solución está en nuestra guía para previsualizar y refrescar OG images.
- La URL es relativa o está detrás de un login. Los crawlers no pueden descargar
/images/og.pngni nada que exija iniciar sesión. Usa una URL absoluta pública. - Una imagen genérica para todo el sitio. Las páginas con OG images específicas y relevantes consiguen sistemáticamente más clics que una tarjeta con el logo reutilizada.
Crea una OG image con el tamaño correcto en segundos
Puedes montar tú mismo una mesa de trabajo de 1200×630, guías de zona segura y ajustes de exportación — o saltarte toda la preparación. Nuestro generador gratuito de OG image parte de plantillas ya ajustadas a 1200×630 (y 1500×500 para cabeceras de X), mantiene tu texto dentro de la zona segura y exporta un PNG optimizado, listo para tus etiquetas meta. Sin registro y sin marca de agua.
FAQ
¿Cuál es el mejor tamaño de OG image?
1200×630 píxeles (relación de aspecto 1.91:1). Se muestra como tarjeta grande en Facebook, X, LinkedIn, Slack, Discord, WhatsApp y Telegram sin variantes adicionales.
¿Cuál es el tamaño mínimo de una OG image?
Facebook acepta imágenes desde 200×200, pero por debajo de 600×315 se pierde el diseño de tarjeta grande. Considera 600×315 el suelo práctico — y 1200×630 el objetivo.
¿Debería usar una imagen distinta para X (Twitter)?
Normalmente no. Una imagen de 1200×630 con el contenido centrado funciona para las tarjetas summary_large_image. Añade imágenes específicas para X solo si tu diseño coloca contenido clave cerca del borde superior o inferior.
¿Afecta la OG image al SEO?
No a los rankings directamente — pero influye mucho en el porcentaje de clics cuando se comparte tu enlace, y la distribución social alimenta el descubrimiento. Una vista previa clara y con tu marca es una de las mejoras de CTR más baratas que existen.
