¿Cuál es el problema?
Tu imagen OG tiene dimensiones muy grandes (más de 4096px en un lado). Aunque la imagen puede funcionar técnicamente en algunas plataformas, las imágenes sobredimensionadas causan varios problemas:
- Carga lenta — Las imágenes más grandes tardan más en descargarse, especialmente en móviles
- Fallos de procesamiento — Algunas plataformas fallan silenciosamente al procesar imágenes muy grandes
- Ancho de banda desperdiciado — Las redes sociales redimensionan las imágenes de todos modos, por lo que los píxeles extra se descartan
- Problemas de memoria — Las imágenes muy grandes pueden causar presión de memoria en dispositivos móviles
Cómo se ve
⚠ Sobredimensionada (5000×2625px)
✅ Optimizada (1200×630px)
Límites de dimensiones por plataforma
| Plataforma | Dimensiones máximas | Comportamiento |
|---|---|---|
| ~8192px | Puede agotar el tiempo de espera durante el procesamiento | |
| X (Twitter) | 4096x4096px | Imagen rechazada silenciosamente |
| ~6000px | Puede fallar al generar la previsualización | |
| Discord | ~8192px | La imagen podría no incrustarse |
| Varía | Combinado con el límite de tamaño de archivo |
Cómo solucionarlo
Redimensiona tu imagen al tamaño recomendado de 1200x630px:
<meta property="og:image" content="https://yoursite.com/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />Redimensionamiento automático con Sharp:
import sharp from 'sharp'
await sharp('huge-image.png')
.resize(1200, 630, { fit: 'cover' })
.jpeg({ quality: 80 })
.toFile('og-image.jpg')Por qué 1200x630px es el punto ideal
- 1200px de ancho — Suficiente para una visualización nítida en todas las pantallas, incluyendo retina
- 630px de alto — Proporción 1.91:1 que todas las plataformas principales soportan de forma nativa
- Tamaño de archivo — Fácilmente comprimible a menos de 300 KB con estas dimensiones
- Procesamiento — Todas las plataformas manejan este tamaño de forma instantánea
No uses tamaños retina para imágenes OG
A diferencia de los recursos de un sitio web, las imágenes OG no se benefician de tamaños retina 2x/3x. Las plataformas sociales siempre redimensionan a sus propias dimensiones de visualización, por lo que 1200x630 es el máximo óptimo.