Ajustando o tamanho da imagem SNS: proporção de postagem/história e como usar corte/margem

Selecione predefinição para postagens/stories quadradas/verticais

A ferramenta fornece tamanhos de miniatura de 1080×1080 quadrados, postagem vertical de 1080×1350, capa vertical de 1080×1920, imagem compartilhada horizontal de 1200×630 e miniatura de vídeo de 1280×720. Se os pixels horizontais e verticais forem expressos como uma proporção, eles serão 1:1, 4:5, 9:16, 40:21 e 16:9, respectivamente.

Esses valores são predefinidos para iniciar a produção rapidamente. Esta não é uma lista de especificações oficiais recomendadas para todos os locais de postagem em um SNS específico ou uma garantia de uploads bem-sucedidos. Eles podem ser truncados de forma diferente em seu feed, grade de perfil e cartões de visualização, portanto, verifique as instruções atuais e a visualização final do seu aplicativo de publicação. Esta ferramenta cria arquivos de fotos e não posta vídeos ou histórias diretamente.

Etapas para criar fotos para postagem no SNS

1. Selecione fotos PNG·JPEG·WebP.
2. Selecione a predefinição que corresponde à imagem que deseja publicar.
3. Escolha o método de posicionamento: Preencher Tela ou Preencher Tudo.
4. Mova as posições horizontal e vertical para que a face, produto ou texto permaneça na posição desejada.
5. Selecione a cor de fundo a ser usada nas margens e áreas transparentes.
6. Selecione o formato e a qualidade de armazenamento, crie a imagem e faça o download.

Um valor de posição de 0 é alinhado com base na esquerda/superior e 100 é alinhado com base na direita/inferior. Se não houver truncamento ou margem nesse eixo, a forma não mudará mesmo se você alterar a posição desse eixo. Se você alterar as configurações, os resultados do download anterior serão apagados, então você precisará clicar em Criar imagem novamente.

Qual é a diferença entre preenchimento de tela e preenchimento total?

O preenchimento de tela aumenta e reduz a tela de destino para cobri-la completamente e corta a parte que sai da tela. Inserir tudo ajusta a imagem inteira e preenche a área restante com a cor de fundo. Ambos os métodos mantêm as proporções da foto.

Por exemplo, se você colocar uma foto de paisagem de 1600×900 inteiramente em uma tela de 1080×1920, a foto em si será desenhada em uma área de 1080×607,5, deixando margens na parte superior e inferior. O preenchimento da tela está definido para altura 1920, então os lados esquerdo e direito são cortados significativamente. Para fotos onde faces, bordas de produtos ou texto existente são importantes, compare os dois métodos antes de escolher.

A ferramenta redesenha a imagem no Canvas do navegador. O arquivo original não é substituído e é salvo com a cor de fundo selecionada. As áreas transparentes na entrada PNG também são preenchidas com a cor de fundo, portanto esta não é uma função que deixa transparência nos resultados.

Selecione qualidade JPEG 75·85·95 e PNG·WebP

Para fotos, use a qualidade JPEG 85 como ponto de partida e compare os volumes resultantes e os traços de compressão. 75 pode ajudar a reduzir a capacidade com uma compactação mais forte, mas pode aumentar os traços em torno de letras e contornos. 95 pode criar arquivos maiores para obter mais detalhes. Os valores de qualidade não implicam a preservação de um percentual da qualidade original da imagem, nem garantem o tamanho exato do arquivo.

PNG armazena pixels processados ​​sem perdas, para que possam ser comparados em imagens com texto ou linhas. No entanto, não restaura informações que já foram cortadas ou reduzidas ao seu estado original. Verifique com o serviço que você está usando se uploads WebP são permitidos. Ao selecionar PNG, as configurações de qualidade não se aplicam.

A visualização em lote é uma tela antes da compactação. Verifique a qualidade e capacidade reais da imagem após a compactação do arquivo baixado. Se você tiver limitações de tamanho de arquivo, poderá continuar usando a ferramenta de redução de tamanho de imagem. As imagens podem aparecer de forma diferente após o upload, pois o serviço de publicação as processa novamente.

Notas Técnicas: Posicionamento da imagem do MDN Canvas, Salvamento de imagem em tela e configurações de qualidade.

Ampliando pequenos originais e itens para verificar antes de postar

Esta ferramenta salva nas dimensões exatas em pixels da predefinição selecionada. Mesmo fotos pequenas podem ser ampliadas e instruções serão exibidas se a ampliação for necessária. Aumentar o número de pixels não restaura os detalhes que estavam faltando no original. Se possível, utilize originais com resolução suficiente.

A entrada é de 20 MiB por arquivo, 16 milhões de pixels e não mais que 8192px em cada lado. Os arquivos de animação são processados ​​como uma única imagem estática e os arquivos HEIC e SVG não são suportados. Verifique os resultados do download de fotos importantes, pois o navegador as salva novamente na orientação e nas cores em que foram lidas.

Certifique-se de que a face e o produto não estejam cortados, que o texto não esteja muito próximo das bordas ou que não esteja obscurecido por botões ou descrições no aplicativo de publicação. Esta ferramenta não calcula automaticamente áreas seguras de interface específicas do SNS. Se quiser adicionar texto ou logotipo, você pode editá-lo na ferramenta de edição de fotos e redimensioná-lo.

Perguntas frequentes