¿Cuál es el problema?
El tamaño de archivo de tu imagen OG supera los 500 KB, lo que significa que WhatsApp no la mostrará en las previsualizaciones de enlaces. Los usuarios que compartan tu enlace en WhatsApp verán una previsualización sin imagen, lo que reduce significativamente la interacción.
Cómo se ve en WhatsApp
❌ Imagen demasiado pesada (1.93 MB)
✅ Optimizada (280 KB)
¿Por qué importa el tamaño del archivo?
Las diferentes plataformas tienen distintos límites para el tamaño de archivo de las imágenes OG:
| Plataforma | Tamaño máximo | Comportamiento al excederlo |
|---|---|---|
| ~500 KB | La imagen no se muestra en absoluto | |
| ~8 MB | La imagen puede cargar lentamente | |
| Twitter/X | ~5 MB | La imagen podría no mostrarse |
| ~5 MB | La imagen puede cargar lentamente | |
| Discord | ~8 MB | La imagen podría no mostrarse |
| Telegram | ~5 MB | La imagen puede cargar lentamente |
WhatsApp es la plataforma más estricta — incluso exceder ligeramente el límite significa que tu imagen no aparecerá.
Cómo solucionarlo
1. Comprime tu imagen
Usa herramientas como:
- Squoosh — Herramienta gratuita de compresión de imágenes de Google
- TinyPNG — Excelente para PNG y JPEG
- Sharp — Librería de Node.js para compresión automatizada
2. Elige el formato adecuado
- JPEG — Ideal para fotografías e imágenes complejas. Usa calidad 75-85% para un buen equilibrio
- WebP — 25-35% más pequeño que JPEG con calidad equivalente. Ampliamente compatible
- PNG — Úsalo solo para imágenes que requieran transparencia. Tamaños de archivo mucho mayores
3. Redimensiona a las dimensiones recomendadas
El tamaño recomendado para imágenes OG es 1200x630px. Las imágenes más grandes desperdician ancho de banda:
<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" />4. Automatiza la optimización de imágenes
Sharp (Node.js):
import sharp from 'sharp'
await sharp('input.png')
.resize(1200, 630, { fit: 'cover' })
.jpeg({ quality: 80 })
.toFile('og-image.jpg')Next.js:
// next.config.js — las imágenes se optimizan automáticamente
// Para imágenes OG, genéralas en tiempo de compilación con @vercel/og
import { ImageResponse } from '@vercel/og'Tamaño de archivo objetivo
Apunta a 200-400 KB para tu imagen OG. Esto garantiza:
- Carga rápida en conexiones móviles
- Compatibilidad con todas las plataformas sociales, incluyendo WhatsApp
- Buena calidad visual a 1200x630px
Lista de verificación rápida
- Formato: Usa JPEG o WebP (evita PNG para fotos)
- Dimensiones: 1200x630px (no más grande)
- Calidad: 75-85% para JPEG
- Tamaño de archivo: Menos de 300 KB idealmente, siempre menos de 500 KB
- Prueba: Comparte tu enlace en WhatsApp para verificar que la previsualización aparece