Qual é o problema?
O tamanho do arquivo da sua imagem OG ultrapassa 500 KB, o que significa que o WhatsApp não vai exibi-la nas pré-visualizações de link. Usuários que compartilharem o seu link no WhatsApp verão uma pré-visualização sem imagem, reduzindo bastante o engajamento.
Como fica no WhatsApp
❌ Imagem muito grande (1.93 MB)
✅ Otimizada (280 KB)
Por que o tamanho do arquivo importa?
Diferentes plataformas têm limites diferentes para o tamanho de arquivo da imagem OG:
| Plataforma | Tamanho máx. do arquivo | Comportamento quando ultrapassado |
|---|---|---|
| ~500 KB | Imagem não é mostrada | |
| ~8 MB | Imagem pode carregar devagar | |
| Twitter/X | ~5 MB | Imagem pode não ser exibida |
| ~5 MB | Imagem pode carregar devagar | |
| Discord | ~8 MB | Imagem pode não ser exibida |
| Telegram | ~5 MB | Imagem pode carregar devagar |
O WhatsApp é a plataforma mais rigorosa — mesmo ultrapassar o limite por pouco faz a imagem não aparecer.
Como corrigir
1. Comprima a imagem
Use ferramentas como:
- Squoosh — Ferramenta grátis de compressão de imagens do Google
- TinyPNG — Excelente para PNG e JPEG
- Sharp — Biblioteca Node.js para compressão automatizada
2. Escolha o formato certo
- JPEG — Melhor para fotografias e imagens complexas. Use qualidade 75-85% para um bom equilíbrio
- WebP — 25-35% menor que JPEG em qualidade equivalente. Amplamente suportado
- PNG — Use só quando precisar de transparência. Arquivos bem maiores
3. Redimensione para as dimensões recomendadas
O tamanho recomendado de imagem OG é 1200x630px. Imagens maiores desperdiçam largura 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. Automatize a otimização de imagens
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 — images are automatically optimized
// For OG images, generate them at build time with @vercel/og
import { ImageResponse } from '@vercel/og'Tamanho de arquivo alvo
Mire em 200-400 KB para a imagem OG. Isso garante:
- Carregamento rápido em conexões mobile
- Compatibilidade com todas as plataformas sociais, incluindo WhatsApp
- Boa qualidade visual em 1200x630px
Checklist rápido
- Formato: Use JPEG ou WebP (evite PNG para fotos)
- Dimensões: 1200x630px (não maior)
- Qualidade: 75-85% para JPEG
- Tamanho do arquivo: Idealmente abaixo de 300 KB, sempre abaixo de 500 KB
- Teste: Compartilhe o link no WhatsApp para confirmar que a pré-visualização aparece