Tamanho de imagem OG não ideal — As dimensões ideais para compartilhamento social

Qual é o problema?

As dimensões da sua imagem OG não batem com o recomendado de 1200 x 630 pixels. Embora a maioria das plataformas ainda exiba a imagem, ela pode ser cortada, redimensionada ou aparecer com letterboxing, o que afeta como o conteúdo fica quando compartilhado.

Como fica

Por que 1200x630px?

Esse tamanho específico (proporção 1.91:1) é o ponto ideal universal que funciona bem em todas as principais plataformas sociais:

• Facebook — Proporção nativa de exibição para pré-visualizações de link
• Twitter/X — Combina com as dimensões do card summary_large_image
• LinkedIn — Ideal para posts no feed
• Discord — Embed em largura total
• Slack — Pré-visualização de link expandido

O que acontece com tamanhos não ideais?

Muito pequeno (por exemplo, 300x300px)

• A imagem fica pixelada quando ampliada
• Algumas plataformas podem não exibi-la
• O Facebook exige mínimo de 200x200px

Proporção errada (por exemplo, 1200x1200px)

• As plataformas cortam a imagem, potencialmente removendo conteúdo importante
• Imagens quadradas perdem o topo e a base na maioria das plataformas
• Imagens verticais são especialmente problemáticas

Muito grande (por exemplo, 4000x2100px)

• Tempos de carregamento mais lentos (especialmente no mobile)
• Pode ultrapassar limites de tamanho de arquivo das plataformas (tipicamente 5-8MB)
• Desperdiça largura de banda

Como corrigir

Redimensione a imagem para 1200x630px e atualize as 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" />

Dicas de design para 1200x630

1. Zona segura — Mantenha conteúdo crítico (texto, logos) nos 80% centrais da imagem
2. Formato de arquivo — Use JPG para fotos (arquivo menor), PNG para gráficos com texto
3. Tamanho do arquivo — Mire em menos de 1MB para carregamento mais rápido
4. Suporte a retina — Alguns designers criam em 2400x1260 para telas de alta densidade, mas 1200x630 é suficiente
5. Template — Crie um template reutilizável no Figma ou Canva com artboard 1200x630