[{"data":1,"prerenderedAt":11},["ShallowReactive",2],{"guide:pt:blog\u002F1200x627-vs-1200x628-link-preview-image":-1,"article-pt-1200x627-vs-1200x628-link-preview-image":3},{"slug":4,"title":5,"description":6,"date":7,"keyword":8,"tool":9,"html":10},"1200x627-vs-1200x628-link-preview-image","1200 x 628 vs 1200 x 627: Qual tamanho é o correto?","Facebook diz 1200x630, LinkedIn diz 1200x627, outros guias dizem 1200x628. Aqui está o que a proporção 1.91:1 significa e como fazer uma imagem que funcione em todos os lugares.","2026-10-05","1200 x 628","resize-image","\u003Cp>Se você já tentou fazer uma imagem de visualização de link, provavelmente encontrou isto: um guia diz 1200 x 628, outro diz 1200 x 627, a própria documentação do Facebook diz 1200 x 630, e seu template de design está configurado para algo completamente diferente. Os quatro parecem idênticos. Então qual realmente está correto?\u003C\u002Fp>\n\u003Cp>Resposta curta: todos estão certos. São todos aproximações da mesma proporção de aspecto, e a diferença entre eles é de três pixels em uma imagem de 630 pixels de altura — aproximadamente meio por cento. Mas vale a pena entender de onde vêm esses números, porque saber isso o poupa de re-exportar o mesmo banner cinco vezes.\u003C\u002Fp>\n\u003Ch2>Todos estão tentando atingir 1.91:1\u003C\u002Fh2>\n\u003Cp>O protocolo Open Graph — o conjunto de metatags que Facebook, LinkedIn, Slack, iMessage e a maioria das outras plataformas leem para criar uma visualização de link — recomenda uma imagem com uma \u003Cstrong>proporção de aspecto 1.91:1\u003C\u002Fstrong>. É só isso. 1.91 já é um número arredondado, portanto quando diferentes empresas o multiplicam, chegam em lugares ligeiramente diferentes:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>1200 ÷ 1.91 = 628,27 → arredonda para \u003Cstrong>1200 x 628\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1200 x 630 = exatamente 1.905:1 → recomendação documentada do Facebook\u003C\u002Fli>\n\u003Cli>1200 x 627 = 1.914:1 → tamanho publicado de longa data do LinkedIn\u003C\u002Fli>\n\u003Cli>1200 x 625 = exatamente 1.92:1 → aparece em templates mais antigos\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Nenhuma dessas é "errada". São artefatos de arredondamento da mesma especificação. Os crawlers não rejeitam uma imagem por estar três pixels longe; eles apenas precisam que o arquivo tenha pelo menos 200 x 200 e idealmente 1200px de largura para que seja renderizado nítido em telas de alta densidade.\u003C\u002Fp>\n\u003Ch2>A diferença de 3 pixels importa alguma vez?\u003C\u002Fh2>\n\u003Cp>Na prática, apenas em uma situação: cortes apertados. As plataformas não exibem sua imagem em seu tamanho nativo — elas a ajustam em qualquer layout de card que usem naquele mês, e as bordas são aparadas. Se seu texto de manchete chega até o topo do quadro, uma imagem de 1200 x 628 cortada em um card de 1.78:1 vai cortá-lo, e o mesmo aconteceria com 1200 x 630.\u003C\u002Fp>\n\u003Cp>A solução não é escolher a contagem "correta" de pixels. É deixar uma margem segura: mantenha logos e texto dentro do meio ~90% da tela e nada importante dentro de 60px de qualquer borda. Então realmente não importa qual dos três tamanhos você exporta.\u003C\u002Fp>\n\u003Ch2>Como fazer uma imagem que funcione em todos os lugares\u003C\u002Fh2>\n\u003Cp>Minha recomendação: crie em \u003Cstrong>1200 x 630\u003C\u002Fstrong>. É o tamanho documentado do Facebook, está dentro de uma margem de 1.91:1, e é um número par, o que evita renderização estranha de meio-pixel em alguns editores. Em seguida, reutilize esse mesmo arquivo para LinkedIn, Slack, Discord e tags Open Graph em geral.\u003C\u002Fp>\n\u003Cp>Se você já tem uma imagem com as dimensões erradas, aqui está a forma rápida de corrigir sem instalar nada:\u003C\u002Fp>\n\u003Col>\n\u003Cli>Abra a \u003Ca href=\"\u002Fpt\u002Fcrop-image\">ferramenta de corte\u003C\u002Fa> e corte sua foto de origem para aproximadamente uma forma de 1.91:1 primeiro. Este é o passo que as pessoas pulam — se você pular direto para o redimensionamento, uma foto de 4:3 fica espremida e os rostos parecem sutilmente errados.\u003C\u002Fli>\n\u003Cli>Leve o arquivo cortado para a \u003Ca href=\"\u002Fpt\u002Fresize-image\">ferramenta de redimensionamento\u003C\u002Fa> e defina como 1200 x 630 (ou 628, ou 627 — escolha um e siga em frente).\u003C\u002Fli>\n\u003Cli>Exporte como JPG para fotos, PNG apenas se você precisar de texto nítido ou transparência atrás de um logo. O \u003Ca href=\"\u002Fpt\u002Fconvert-image\">conversor de imagem\u003C\u002Fa> faz essa mudança se sua origem for PNG, WebP ou HEIC.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Tudo acontece dentro do seu navegador no cutbg — o arquivo nunca sai do seu computador, não há fila de upload e nenhuma conta. Isso importa mais do que as pessoas percebem para fotos de produtos não lançados ou trabalho de cliente que você ainda não anunciou.\u003C\u002Fp>\n\u003Ch2>Observe o tamanho do arquivo também\u003C\u002Fh2>\n\u003Cp>As plataformas têm limites de upload e busca — o Facebook limita imagens Open Graph em 8MB, e alguns crawlers desistem silenciosamente de qualquer coisa lenta para baixar. Um JPG de 1200 x 630 deve confortavelmente ficar entre 100KB e 300KB. Se sua exportação é um PNG de vários megabytes, execute-o através do \u003Ca href=\"\u002Fpt\u002Fcompress-image\">compressor\u003C\u002Fa> primeiro. Arquivos menores também significam que a visualização realmente aparece em vez de mostrar um card em branco enquanto o crawler expira.\u003C\u002Fp>\n\u003Ch2>Se a visualização ainda mostrar a imagem antiga\u003C\u002Fh2>\n\u003Cp>Isso quase nunca é um problema de dimensionamento. Facebook, LinkedIn e Twitter fazem cache de visualizações raspadas agressivamente. Após substituir o arquivo, execute a URL através do depurador de cada plataforma (Facebook Sharing Debugger, LinkedIn Post Inspector) para forçar uma nova raspagem. Mudar sua imagem de 1200 x 627 para 1200 x 628 não vai corrigir uma visualização em cache — apenas limpar o cache vai fazer isso.\u003C\u002Fp>\n\u003Cp>Portanto: pare de se preocupar com o último pixel. Escolha 1200 x 630, mantenha seu texto longe das bordas, mantenha o arquivo abaixo de algumas centenas de KB, e você está coberto em todas as plataformas que leem tags Open Graph.\u003C\u002Fp>\n",1791831539513]