Open Graph imagens: tamanhos, formatos e boas práticas 2026
A imagem Open Graph é o elemento visual mais impactante no preview de um link compartilhado em redes sociais. Ela determina se o post se destaca no feed ou passa despercebido. Uma imagem OG mal dimensionada aparece cortada, uma imagem muito pequena aparece pixelada, e uma imagem sem texto aparece sem contexto. Neste guia, cobrimos tudo sobre imagens Open Graph em 2026: dimensões para cada plataforma, formatos ideais, estratégias de criação e como verificar o resultado com a ferramenta de Pré-visualização OG da WikiPlus.
Especificações técnicas de imagens OG por plataforma
Cada plataforma social tem especificações ligeiramente diferentes para imagens OG. Facebook: dimensão ideal 1200×628px, mínimo 600×315px. Imagens menores que 600px de largura não geram card grande. A proporção 1.91:1 é o padrão. LinkedIn: ideal 1200×627px, mesma proporção do Facebook. Imagens de artigos no LinkedIn funcionam melhor com proporção 1.91:1. Twitter/X com summary_large_image: ideal 1200×628px, proporção entre 1:1 e 2:1. Proporções muito diferentes podem ser cortadas. WhatsApp: usa as mesmas tags OG com proporção 1.91:1 para preview grande. A estratégia mais segura é criar uma imagem única de 1200×630px que funciona bem em todas as plataformas. Para campanhas específicas, versões otimizadas para cada plataforma maximizam o impacto. Use a Pré-visualização OG da WikiPlus para verificar o resultado antes de publicar.
Estratégias de design para imagens OG eficazes
Uma boa imagem OG comunica o valor do conteúdo em um glance, mesmo em tamanho reduzido no feed. Princípios de design para imagens OG: inclua o título ou headline principal na imagem — textos na imagem são lidos mesmo quando a description não aparece. Use no mínimo 36px de fonte para garantir legibilidade em tamanhos pequenos. Mantenha o logotipo ou marca visível mas discreto — o foco deve ser no conteúdo. Use contraste alto entre texto e fundo. Evite imagens muito detalhadas que perdem legibilidade quando miniaturizadas. Inclua a cor primária da marca para consistência visual. Para sites de conteúdo com muitas páginas, crie um template de imagem OG com zonas fixas para logo, título variável e fundo, e gere versões automaticamente para cada post. Ferramentas como Vercel OG, Cloudinary ou Canva API permitem geração automática de OG images a partir de templates.
Criando imagens OG automaticamente: soluções modernas
Criar imagens OG manualmente para cada página é inviável em sites com muito conteúdo. Soluções de geração automática tornam o processo escalável. Vercel OG (og-image da Vercel) usa um endpoint de API para gerar imagens dinamicamente com React e Satori — defina um template JSX e a imagem é gerada sob demanda com o título e imagem corretos para cada página. Cloudinary permite criar URL transformations que adicionam texto sobre imagens de forma programática. Para Next.js, o pacote @vercel/og integra nativamente com o framework. Para WordPress, plugins como Rank Math e Yoast Premium geram imagens OG automaticamente. Para sites estáticos, scripts de geração em Node.js usando Puppeteer ou playwright capturam screenshots de um template HTML e os salvam como imagens OG. A Pré-visualização OG da WikiPlus verifica o resultado final independente de qual método de geração você usa.
Compressão e otimização de imagens OG para velocidade
Imagens OG são carregadas pelos bots de redes sociais durante o crawl, e arquivos grandes aumentam o tempo de geração do preview. Práticas de otimização: use JPEG para fotos e imagens com gradientes complexos (70-80% de qualidade é geralmente imperceptível). Use PNG apenas para imagens com transparência ou texto com bordas nítidas. Considere WebP — a maioria das plataformas sociais suporta. Limite o tamanho a menos de 300KB, idealmente menos de 100KB. Use a compressão do Squoosh, TinyPNG ou Cloudinary para reduzir sem perda visível de qualidade. Para a URL da imagem OG, use sempre URL absoluta com HTTPS. Se usar CDN, certifique-se de que os headers de cache da imagem permitem que bots de redes sociais a acessem. URLs de imagem não devem mudar após configuradas — qualquer mudança requer recache em todas as plataformas.
Perguntas frequentes
- Uma página pode ter imagens OG diferentes para Facebook e Twitter?
- Sim. Use og:image para Facebook e LinkedIn, e twitter:image para X/Twitter. Se quiser imagens diferentes, defina valores diferentes para cada tag. Isso permite otimizar a proporção para cada plataforma: quadrada para X (summary) e horizontal 1.91:1 para Facebook.
- Qual é o tamanho máximo de arquivo para imagem OG?
- Facebook especifica máximo de 8MB, mas imagens acima de 1-2MB podem ser lentas para carregar pelo bot de preview. Twitter/X requer menos de 5MB para summary_large_image. Para melhor compatibilidade e velocidade, mantenha abaixo de 300KB sem perda de qualidade visual perceptível.
- Imagem OG com HTTPS funciona melhor do que com HTTP?
- Sim. Muitas plataformas bloqueiam ou avisam sobre conteúdo HTTP em contextos HTTPS. Sempre use URLs HTTPS absolutas para og:image. Além da compatibilidade, HTTPS é requisito de segurança básico e impacta o SEO geral do site.