Resposta direta
Ajuste imagens para prévias de links à tela padrão 1200×630 ou a 1200×628. Corte ou adicione margens localmente e confira a prévia na plataforma de destino. Selecione cortar para ocupar todo o quadro 1.91:1 ou preencher para adicionar bordas brancas, coloridas ou transparentes.
Como usar esta ferramenta
Envie sua imagem de pré-visualização ou capa
Selecione até 20 imagens JPG, PNG ou WebP. A ferramenta abre a tela 1200×630.
1200×630 / 1200×628
Ajuste imagens para prévias de links à tela padrão 1200×630 ou a 1200×628. Corte ou adicione margens localmente e confira a prévia na plataforma de destino.
Defina corte para preencher ou ajuste com margens
Selecione cortar para ocupar todo o quadro 1.91:1 ou preencher para adicionar bordas brancas, coloridas ou transparentes.
Baixe e adicione as meta tags og:image ao seu site
Exporte a imagem otimizada e informe og:image, og:image:width e og:image:height no cabeçalho HTML.
Tamanhos e enquadramento de imagens Open Graph
Esta ferramenta oferece telas de 1200×630 e 1200×628 para imagens de prévia de links. As proporções são aproximadamente 1,91:1. O Open Graph define metadados de imagem, não um tamanho obrigatório universal. Confira como a plataforma de destino exibe a imagem.
Exemplos práticos
Cortar banner 16:9 (1920×1080) para Open Graph 1200×630
Entrada: Banner horizontal JPEG de 1920×1080 (proporção 16:9, 2.1 MB)
Saída: JPEG de 1200×630
O corte proporcional ajusta a largura e remove margens superior e inferior para atingir 1200×630.
Enquadrar logotipo quadrado (1000×1000) em 1200×630 com margens
Entrada: Logotipo PNG de 1000×1000 (proporção 1:1)
Saída: PNG de 1200×630 com logotipo centralizado de 630×630 e barras laterais
O ajuste com preenchimento mantém o logotipo completo e preenche as laterais com fundo branco ou personalizado.
Criar cartão de link 1200×628 para redes sociais
Entrada: Arte gráfica PNG de 2400×1256 (proporção 1.91:1)
Saída: PNG ou WebP de 1200×628 otimizado
Reduz as dimensões para agilizar o download sem perder a nitidez visual.
Limitações
- Redes sociais mantêm cache persistente de og:image; atualizações exigem ferramentas de depuração de URL para renovar o cache.
- Preenchimento transparente requer formato PNG ou WebP; JPEG solicitará uma cor sólida de fundo.
- Sem permitir ampliação, Ajustar e preencher mantém imagens pequenas no tamanho original dentro da tela. Recortar é bloqueado se a imagem ou o recorte for pequeno demais. Ative a ampliação para aumentar; ela não recupera detalhes ausentes.
Perguntas frequentes
Qual é o tamanho recomendado para imagens Open Graph?
Ajuste imagens para prévias de links à tela padrão 1200×630 ou a 1200×628. Corte ou adicione margens localmente e confira a prévia na plataforma de destino.
Por que definir as tags og:image:width e og:image:height?
og:image:width e og:image:height descrevem as dimensões em pixels. Informam a plataforma que lê os metadados, mas não garantem uma prévia no primeiro compartilhamento.
Minha imagem Open Graph terá a mesma aparência em todas as redes?
Não. 1200×630 é uma opção desta ferramenta. Cada plataforma controla a prévia e pode recortar a imagem de outra maneira; confira o resultado publicado.
Minhas imagens são enviadas para algum servidor?
Não. Todas as conversões e cortes são realizados localmente no navegador via API Canvas do HTML5.
Referências e normas oficiais
- The Open Graph Protocol: image metadata ↗ — Defines og:image and optional image width and height; no mandatory pixel dimensions.
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.