¿Cuál es el problema?
Las dimensiones de tu imagen OG no coinciden con las recomendadas de 1200 x 630 píxeles. Aunque la mayoría de las plataformas seguirán mostrando tu imagen, podría recortarse, escalarse o mostrarse con franjas negras, lo que puede afectar la apariencia de tu contenido al compartirlo.
Cómo se ve
ℹ Proporción incorrecta (1200×1200px)
✅ Proporción correcta (1200×630px)
¿Por qué 1200x630px?
Este tamaño específico (relación de aspecto 1.91:1) es el punto óptimo universal que funciona bien en todas las principales plataformas sociales:
- Facebook — Proporción nativa para previsualizaciones de enlaces
- Twitter/X — Coincide con las dimensiones de la tarjeta
summary_large_image - LinkedIn — Óptimo para publicaciones en el feed
- Discord — Visualización de embeds a ancho completo
- Slack — Previsualización de enlaces desplegados
¿Qué pasa con tamaños no óptimos?
Demasiado pequeño (ej. 300x300px)
- La imagen se ve borrosa al ampliarla
- Algunas plataformas pueden no mostrarla en absoluto
- Facebook requiere un mínimo de 200x200px
Relación de aspecto incorrecta (ej. 1200x1200px)
- Las plataformas recortarán la imagen, pudiendo cortar contenido importante
- Las imágenes cuadradas pierden las partes superior e inferior en la mayoría de las plataformas
- Las imágenes verticales son especialmente problemáticas
Demasiado grande (ej. 4000x2100px)
- Tiempos de carga más lentos (especialmente en móviles)
- Puede exceder los límites de tamaño de archivo de la plataforma (normalmente 5-8 MB)
- Desperdicia ancho de banda
Cómo solucionarlo
Redimensiona tu imagen a 1200x630px y actualiza tus meta tags:
<meta property="og:image" content="https://yoursite.com/og-image-1200x630.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />Consejos de diseño para 1200x630
- Zona segura — Mantén el contenido crítico (texto, logotipos) dentro del 80% central de la imagen
- Formato de archivo — Usa JPG para fotos (menor tamaño de archivo), PNG para gráficos con texto
- Tamaño de archivo — Apunta a menos de 1 MB para la carga más rápida
- Soporte retina — Algunos diseñadores crean a 2400x1260 para pantallas de alta densidad, pero 1200x630 es suficiente
- Plantilla — Crea una plantilla reutilizable en Figma o Canva con el lienzo de 1200x630