Redimensionar imagens para visualizações de Open Graph (OG)
Quando você compartilha um link no Facebook, LinkedIn, Twitter ou Slack, a plataforma exibe uma imagem de visualização extraída das meta tags OG da sua página. O tamanho ideal é 1200x630 pixels. ImageGates redimensiona qualquer imagem para esta dimensão exata para visualizações de links perfeitas em qualquer lugar.
How to use this tool
- Carregar imagem de origem — Select the image you want to use as your page's link preview image.
- Redimensionar para 1200x630 — The tool resizes to the universal OG image standard. Ensure key content is centered.
- Adicionar ao seu site — Download and add the image to your page's og:image meta tag for perfect previews.
Guide
As imagens Open Graph são o elemento mais negligenciado da estratégia de conteúdo da web. Uma imagem atraente de visualização de link pode aumentar as taxas de cliques em 2 a 3 vezes em comparação com um link somente de texto ou uma visualização mal formatada.
Especificações de imagem OG por plataforma: - Facebook: 1200x630px (1,91:1). Mostra a imagem completa no feed. Abaixo de 600x315 pode aparecer uma pequena miniatura. - LinkedIn: 1200x627px. Muito semelhante ao Facebook. Suporta imagens maiores, mas corta para caber. - Twitter: 1200x628px para summary_large_image. Mínimo de 144x144px para cartão de resumo. - Folga: Usa imagem OG. Renderiza em linha com dimensionamento generoso. - WhatsApp: usa imagem OG para visualizações de links. Corta para um tamanho de exibição de aproximadamente 300 x 200. - iMessage: usa imagem OG com ligeiro corte.
Melhores práticas de design: - Coloque o texto/marca principal na zona segura central de 960x420px - Use texto legível e em negrito — As imagens OG geralmente são mostradas em tamanhos pequenos - Inclua seu logotipo ou marca para reconhecimento - Evite detalhes finos que se perdem no tamanho da miniatura - Teste sua imagem em 150x79px (o menor que ela possa ser exibida)
Implementação técnica: ```html <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" /> <meta property="og:image:type" content="image/jpeg" /> ```
Perguntas frequentes
O que é uma imagem Open Graph?
Uma imagem Open Graph (OG) é a miniatura de visualização mostrada quando você compartilha um URL nas redes sociais. É definido no HTML da sua página com a meta tag og:image. O tamanho padrão é 1200x630 pixels.
Qual deve ser o tamanho das imagens OG?
1200x630 pixels (proporção de 1,91:1) é o padrão universal que funciona no Facebook, LinkedIn, Twitter e Slack. Algumas plataformas também suportam 1200x1200 para visualizações quadradas.
Por que a visualização do meu link não mostra uma imagem?
Motivos comuns: meta tag og:image ausente, URL da imagem incorreto, imagem muito grande (mantenha menos de 5 MB) ou a página não foi rastreada novamente. Use o Depurador de Compartilhamento do Facebook para diagnosticar.
Abra o redimensionador de imagem