O que são proporções de tela comuns para Imagens?

 In Best Practices, Práticas recomendadas

1137447579, lechatnoir

Se você já postou uma imagem na mídia social ou imprimiu uma foto, teve que lidar com as proporções de tela. É comum ter dúvidas ou ficar confuso sobre as proporções de tela. Felizmente, o básico para entender como os números funcionam juntos é bastante simples.

Embora as opções possam parecer infinitas, você não precisa ser um especialista em matemática ou um designer gráfico profissional para calcular a melhor proporção de tela para seu próximo projeto.

O que é proporção de tela?

Em sua forma mais simples, a proporção de tela descreve a largura de uma imagem em relação à sua altura. Costuma ser escrito como dois números separados por dois pontos (como 1:1 ou 16:9). A largura é sempre listada como o primeiro número seguido pela altura. As proporções de tela são uma forma universalmente conhecida de descrever a forma geral de uma imagem, permitindo que os designers façam alterações rapidamente com base nas necessidades específicas de um projeto.

1_Most common.jpg1094618134, SimonSkafar

É importante lembrar que as proporções de tela podem mudar dependendo da plataforma ou impressão em que a imagem ou gráfico é apresentada. Compreender a diferença nas proporções de tela e como ajustar essas mudanças permitirá que você crie um conteúdo visual impressionante, independentemente de onde a imagem estiver sendo usada. Usar as proporções de tela corretas para uma plataforma garantirá que suas imagens sejam exibidas como pretendido, sem esticar, cortar ou perder resolução – uma parte crítica de qualquer design.

Como o tamanho da imagem se relaciona com a proporção?

Embora seja um número importante por si só, a proporção de tela não conta a história toda. Embora a proporção da tela ajude a dar uma ideia rápida do formato geral da imagem, precisaremos saber o tamanho real de uma imagem – em pixels ou polegadas – para determinar a proporção.

Pixels são frequentemente a unidade de medida usada para expressar a largura e a altura de uma foto para uso digital ou na web. Por exemplo, uma imagem quadrada de 1080 x 1080 pixels teria uma proporção de 1:1. Uma imagem de 500 x 500 pixels tem a mesma proporção de 1:1. As imagens têm tamanhos claramente diferentes, mas têm a mesma proporção de tela por causa da relação idêntica entre a largura da imagem e a altura da imagem.

Aqui estão alguns tamanhos comuns de imagens digitais e suas proporções de tela correspondentes.

  • 1080 x 1080 pixels = proporção de 1:1
  • 1080 x 720 pixels = proporção de 3:2
  • 1024 x 768 pixels = proporção de 4:3
  • 1920 x 1080 pixels = proporção de 16:9

Qual proporção de tela é melhor para meu projeto?

A melhor proporção de tela para um projeto vai variar dependendo de vários fatores diferentes. É importante fazer a si mesmo algumas perguntas importantes antes de começar a cortar ou redimensionar a imagem. Considere o seguinte ao escolher a melhor imagem e proporção para seu próximo projeto:

  • Em qual plataforma essa imagem será visualizada principalmente?
  • Precisarei criar várias versões deste design para plataformas diferentes?
  • Mudar a proporção da tela mudará drasticamente ou impactará a imagem de forma negativa?
  • Esta imagem será usada nas redes sociais?
  • Esta imagem será usada na impressão?
  • Esta imagem será usada para publicidade digital?
  • Esta imagem conterá algum texto ou logotipos?

Focar na intenção primária da imagem permite que você identifique a melhor proporção para atender as suas necessidades. Quando você se familiarizar com as proporções de tela mais comuns em uma variedade de situações, poderá adaptar e editar facilmente uma imagem com base na plataforma específica e no objetivo em questão.

Quais são as proporções mais comuns?

Embora haja uma quantidade infinita de proporções potenciais, existem algumas proporções comumente usadas que ofuscam o resto em popularidade e uso diário. As seguintes proporções cobrirão os padrões recomendados e as melhores práticas que você pode esperar encontrar na maioria das plataformas sociais, vídeo e mídia impressa.

Proporções comuns para redes sociais e web

Com uma média de mais 95 milhões de imagens sendo enviadas para plataformas sociais todos os dias, é importante entender quais proporções de tela para plataformas sociais e da web ajudarão as imagens a ter a melhor aparência e desempenho.

Facebook

As proporções de tela mais comuns para o Facebook são 1:1, 16:9 e 9:16.

2_Facebook.jpg1057767656, damircudic

Foto do perfil do Facebook

  • Proporção de tela: 1:1
  • Tamanho recomendado: 128 x 128 pixels

Foto de capa do Facebook

  • Proporção de tela: 16:9
  • Tamanho recomendado: 820 x 461 pixels

Vídeo de feed do Facebook

  • Proporção de tela: 9:16 a 1:1
  • Tamanho recomendado: 1280 x 720 pixels

Anúncios de feed do Facebook

  • Proporção: 9:16 a 16:9 (corta para 1,91:1 com link)
  • Tamanho recomendado: 1200 x 628 pixels

Anúncios de carrossel do Facebook

  • Proporção de tela: 1:1
  • Tamanho recomendado: 1080 x 1080 pixels

Vídeo ao vivo do Facebook

  • Proporção de tela: 16:9
  • Tamanho recomendado: 1280 x 720 pixels

Instagram

As proporções de tela mais comuns para Instagram são 1:1 e 9:16.

3_Instagram.jpg473082752, knape

Foto do feed do Instagram

  • Proporção de tela: 1:1
  • Tamanho recomendado: 1080 x 1080 pixels

Vídeo do feed do Instagram

  • Proporção de tela: 1:1
  • Tamanho recomendado: 1080 x 1080 pixels

Vídeo IGTV

  • Proporção de tela: 9:16
  • Tamanho recomendado: 1080 x 1920 pixels

Vídeo do Story do Instagram

  • Proporção de tela: 9:16
  • Tamanho recomendado: 1080 x 1920 pixels

Snapchat

A proporção de tela mais comum para o Snapchat é 9:16.

4_Snapchat.jpg1049883642, Sergeeva

Anúncios de Snapchat

  • Proporção de tela: 9:16
  • Tamanho recomendado: 1080 x 1920 pixels

Geofilter do Snapchat

  • Proporção de tela: 9:16
  • Tamanho recomendado 1080 x 1920 pixels

Twitter

As seguintes proporções de tela são consideradas padrão para o Twitter.

5_Twitter.jpg108328915, piskunov

Foto do perfil do Twitter

  • Proporção de tela: 1:1
  • Tamanho recomendado: 400 x 400 pixels

Foto de capa do Twitter

  • Proporção de tela: 3:1
  • Tamanho recomendado: 1500 x 500 pixels

Foto da linha do tempo do Twitter

  • Proporção de tela: 2:1
  • Tamanho recomendado: 1024 x 512 pixels

Pinterest

As proporções de tela mais comuns para o Pinterest são 1:1 e 2:3.

6_Pinterest.jpg1147289749, Rowan Jordan

Foto de perfil do Pinterest

  • Proporção de tela: 1:1
  • Tamanho recomendado: 165 x 165 pixels

Pin padrão do Pinterest

  • Proporção de tela: 2:3
  • Tamanho recomendado: 1000 x 1500 pixels

LinkedIn

Existem várias proporções de tela comumente usadas para o LinkedIn, principalmente 1:1 e 4:1.

7_LinkedIn.jpg686004832, Branimir76

Foto de perfil do LinkedIn

  • Proporção de tela: 1:1
  • Tamanho recomendado: 400 x 400 pixels

Foto de plano de fundo do LinkedIn

  • Proporção de tela: 4:1
  • Tamanho recomendado: 1584 x 396 pixels

Logotipo da empresa no LinkedIn

  • Proporção de tela: 1:1
  • Tamanho recomendado: 300 x 300 pixels

Foto da capa da empresa no LinkedIn

  • Proporção de tela: 2:1
  • Tamanho recomendado: 1536 x 738 pixels

Imagem do link da postagem do blog do LinkedIn

  • Proporção de tela: 1.91:1
  • Tamanho recomendado: 1200 x 628 pixels

Relações de aspecto comuns para vídeo e filme

A proporção de tela mais comum para filme e vídeo é 16:9, com exceção de televisores mais antigos e dispositivos que exibem em 4:3.

8_YouTube.jpg1138834713, vm

Proporções de tela do YouTube

A proporção de aspecto mais comum para o YouTube é 16:9.

Ícone de canal do YouTube

  • Proporção de tela: 1:1
  • Tamanho recomendado: 800 x 800 pixels

Arte do canal do YouTube

  • Proporção de tela: 16:9
  • Tamanho recomendado: 2560 x 1440 pixels

Uploads de vídeos do YouTube

  • Proporção de tela: 16:9
  • Tamanho recomendado: 1920 x 1080 pixels

Proporções de tela comuns para fotografia e arte

As proporções de tela mais comuns para fotografia padrão e impressões de arte são 3:2 e 5:4.

Aspect Ratios for Photography and Art.jpg1162225703, Geber86

Tamanhos de impressão padrão com proporção de tela 3:2

  • Tamanho de impressão 4 x 6
  • Tamanho de impressão 16 x 24
  • Tamanho de impressão 24 x 36

Tamanhos de impressão padrão com proporção de 5:4

  • Tamanho de impressão 8 x 10
  • Tamanho de impressão 16 x 20
  • Tamanho de impressão 24 x 30

Qual é a proporção de tela da minha imagem?

Você escolheu a imagem perfeita para o seu projeto, mas ela corresponde à melhor proporção de tela para a plataforma online ou tamanho de impressão que você usará? Selecionar uma imagem antes de saber o tamanho ou a proporção de tela necessária pode causar problemas de design, mas existem várias ferramentas e truques que podem ser usados para calcular a proporção de tela e ajustar a imagem conforme necessário.

Calculadora de proporção de tela

Saber como calcular a proporção de tela é muito útil, e há muitos recursos online que farão as contas de maneira rápida e eficaz. Se você souber o tamanho da imagem em pixels ou polegadas, uma calculadora de proporção de tela permitirá que você insira a largura e a altura para determinar a proporção de tela.

Como redimensionar uma imagem sem alterar a proporção de tela

Você pode usar uma fórmula para definir um novo tamanho para uma imagem enquanto mantém sua proporção de tela original intacta.

  • (altura original / largura original) x nova largura = nova altura

Por exemplo, digamos que você tenha uma imagem de 1920 x 1080 pixels com proporção de tela de 16:9, mas a plataforma onde a imagem será hospedada tenha uma restrição de largura de 1280 pixels. O objetivo é calcular qual deve ser a nova altura da imagem, preservando sua proporção de tela original de 16:9 – permitindo que a imagem seja redimensionada para as novas restrições de largura sem exigir qualquer perda da imagem original.

  • (1080 altura original / 1920 largura original) x 1280 nova largura = 720 nova altura

A partir desse cálculo, sabemos agora que, para caber na nova plataforma, a imagem precisará ser redimensionada para 1280 x 720 pixels. Esse redimensionamento permitirá que a imagem permaneça em sua proporção de tela original de 16: 9 sem afetar como a imagem será exibida na tela, embora agora esteja em um tamanho menor.

Como alterar a proporção de tela de uma imagem

Uma imagem que parece ótima em um site pode ficar estranha quando trocada para uma nova mídia com uma proporção de tela diferente. A curadoria de uma única imagem para uso em várias plataformas sociais ou tamanhos de impressão às vezes exigirá a alteração manual da proporção de tela e do tamanho da imagem várias vezes para evitar esticamento, corte ou perda de resolução indesejáveis.

iStock Editor.png

Um editor de fotos online simples como o Editor da iStock vem com tamanhos de corte pré-selecionados que cobrem as proporções de tela e tamanhos de imagem mais populares na web e impressão, e permite que você defina facilmente tamanhos personalizados para proporções de tela exclusivas ou tamanhos de imagem exatos. Basta carregar sua imagem para o editor e usar as ferramentas de corte para definir, cortar ou redimensionar perfeitamente sua imagem para corresponder à proporção de tela necessária.

Certificar-se de que a imagem corresponde à proporção de tela de uma plataforma desejada permite criar um conteúdo visual memorável em todas as mídias sem a distração de um corte desfavorável ou perda de qualidade de imagem.

Pronto para começar? Navegue por nossa coleção de fotos e vetores de stock para encontrar a imagem perfeita para seu próximo projeto.

Este artigo foi útil?
Compartilhe este artigo
Acesse as últimas dicas da iStock
Mais recursos para você