Qual é o problema?
Sua imagem OG tem dimensões muito grandes (mais de 4096px em um dos lados). Embora a imagem possa funcionar tecnicamente em algumas plataformas, imagens superdimensionadas causam vários problemas:
- Carregamento lento — Imagens maiores demoram mais para baixar, especialmente no mobile
- Falhas de processamento — Algumas plataformas falham silenciosamente ao processar imagens muito grandes
- Largura de banda desperdiçada — As plataformas sociais redimensionam as imagens de qualquer forma, então os pixels extras são descartados
- Problemas de memória — Imagens muito grandes podem pressionar a memória em dispositivos móveis
Como fica
⚠ Superdimensionada (5000×2625px)
✅ Otimizada (1200×630px)
Limites de dimensão por plataforma
| Plataforma | Dimensões máx. | Comportamento |
|---|---|---|
| ~8192px | Pode dar timeout no processamento | |
| X (Twitter) | 4096x4096px | Imagem rejeitada silenciosamente |
| ~6000px | Pode falhar ao gerar a pré-visualização | |
| Discord | ~8192px | A imagem pode não embutir |
| Varia | Combinado com limite de tamanho de arquivo |
Como corrigir
Redimensione a imagem para o recomendado 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" />Redimensionamento automatizado com Sharp:
import sharp from 'sharp'
await sharp('huge-image.png')
.resize(1200, 630, { fit: 'cover' })
.jpeg({ quality: 80 })
.toFile('og-image.jpg')Por que 1200x630px é o ponto ideal
- 1200px de largura — Suficiente para exibição nítida em todas as telas, inclusive retina
- 630px de altura — Proporção 1.91:1 que todas as principais plataformas suportam nativamente
- Tamanho do arquivo — Facilmente comprimível para menos de 300 KB nessas dimensões
- Processamento — Todas as plataformas lidam com esse tamanho instantaneamente
Não use tamanhos retina para imagens OG
Diferente de assets do site, imagens OG não se beneficiam de tamanhos retina 2x/3x. As plataformas sociais sempre redimensionam para as próprias dimensões de exibição, então 1200x630 é o máximo ideal.