Em resumo
O tamanho de uma imagem é dado por seus pixels, e nada mais. Os pontos por polegada entram em cena quando esses pixels chegam ao papel: o tamanho físico equivale ao número de pixels dividido pelo ppi. Para telas, calcule a largura do espaço em pixels considerando a densidade; para impressão, divida os milímetros por 25,4 e multiplique por 300.
Uma ideia resolve metade das dúvidas sobre tamanho de imagem: um arquivo não tem centímetros. Ele contém uma grade de pixels, por exemplo, 4000 × 3000. Centímetros e polegadas só aparecem depois, quando essa grade é exibida em um dispositivo específico ou transferida para um papel específico.
Qual é a diferença entre resolução e tamanho?
A resolução do arquivo é a quantidade de pixels na horizontal e na vertical. 4000 × 3000 são 12 milhões de pixels, os conhecidos “12 megapixels”. O arquivo não informa mais nada sobre suas dimensões físicas.
Pontos por polegada (dpi) e pixels por polegada (ppi) não são propriedades da imagem, mas a densidade com que ela será impressa ou exibida. Tecnicamente, ppi se refere à imagem e à tela, enquanto dpi se refere ao equipamento de impressão. No uso cotidiano e nas exigências das gráficas, porém, as siglas costumam ser tratadas como sinônimos.
Um JPEG ou TIFF realmente guarda um valor de ppi, mas ele é apenas uma indicação para o editor. Trocar esse valor de 72 para 300 não acrescenta um único pixel ao arquivo: só muda o tamanho com que o editor colocará a imagem no papel.
Como converter milímetros em pixels?
Existe uma única fórmula, e ela é curta:
pixels = milímetros ÷ 25,4 × ppi
Vinte e cinco vírgula quatro é a quantidade fixa de milímetros em uma polegada. É dessa fórmula que sai toda a tabela de tamanhos para impressão no padrão de 300 ppi.
| Formato | Milímetros | Pixels a 300 ppi |
|---|---|---|
| Cartão de visita | 85 × 55 | 1004 × 650 |
| Foto 10 × 15 | 100 × 150 | 1181 × 1772 |
| A6, cartão-postal | 105 × 148 | 1240 × 1748 |
| A5, panfleto | 148 × 210 | 1748 × 2480 |
| A4, folha | 210 × 297 | 2480 × 3508 |
| A3, cartaz | 297 × 420 | 3508 × 4961 |
O cálculo inverso funciona do mesmo modo: divida os pixels pelo ppi para obter polegadas e multiplique por 25,4 para chegar aos milímetros. Um quadro de 2000 × 1500 a 300 ppi mede 169 × 127 mm, um pouco menos que A5. O mesmo quadro a 150 ppi já mede 339 × 254 mm, quase A4, mas com metade da densidade de detalhes. Uma explicação completa de quando 150 ppi basta está no artigo sobre preparação de imagens para impressão.
Quantos pixels uma tela precisa?
O número de pixels que a imagem ocupa na página, multiplicado pela densidade da tela.
O layout é medido em pixels CSS, enquanto a tela geralmente tem mais pontos
físicos. Celulares e notebooks com tela “retina” exibem dois ou três pontos para
cada pixel CSS. O navegador chama esse valor de devicePixelRatio. Se a imagem
ocupa uma largura de 800 pixels CSS, sua largura real numa tela com densidade 2
é de 1600 pixels.
Daí vem uma regra prática: largura do arquivo = largura do espaço × 2. Não há motivo para buscar um multiplicador maior. A diferença entre 2× e 3× quase não é percebida, enquanto o peso cresce como a área, ou seja, 2,25 vezes. O artigo sobre imagens rápidas para sites explica como lidar com esse peso.
Quais proporções devem ser escolhidas?
A proporção importa mais que o tamanho absoluto: é fácil reduzir uma imagem, mas só se muda a proporção cortando, e o corte pode destruir a composição.
| Proporção | Onde aparece |
|---|---|
| 1:1 | prévias de catálogo, avatares, cards de produto |
| 4:5 | feed vertical, publicação para celular |
| 3:2 | quadro clássico de câmera, impressão fotográfica |
| 16:9 | capas, slides, quadros de vídeo |
| 1,91:1 | link em redes sociais (og:image) |
| 9:16 | vídeo vertical e stories |
Calcule quanto se perde ao reenquadrar. Uma foto 3:2 no formato 4:5 preserva uma fração de 0,8 ÷ 1,5 = 0,53 da largura, portanto quase metade do quadro desaparece. Um tema que será usado tanto no feed quanto na capa deve ser fotografado ou gerado com uma margem extra nas bordas.
Os pixels são calculados a partir do uso: primeiro o espaço, depois a densidade.
Quais tamanhos as plataformas exigem?
As exigências das plataformas mudam; por isso, a própria central de ajuda de cada uma é a única fonte confiável. Na data de publicação, a documentação oficial informava o seguinte.
| Plataforma ou uso | Exigência |
|---|---|
| Link em redes sociais | a partir de 1200 × 630, mínimo 200 × 200, arquivo de até 8 MB |
| Capa do YouTube | 3840 × 2160, largura mínima 640, JPG ou PNG |
| Capa de artigo do Picwin | 1200 × 675 |
| Prévia de trabalho do Picwin | quadrado de 1024 × 1024 |
As duas primeiras linhas vêm dos requisitos de imagens do Open Graph e da ajuda do YouTube sobre miniaturas. Essas páginas também indicam limites de peso: 8 MB para a prévia de um link e 2 MB para uma miniatura enviada pelo celular. As duas últimas linhas são nossos próprios tamanhos, declarados na marcação do site.
Como escolher o tamanho para cada tarefa?
Defina a superfície final
Tela, impressão ou ambas. Sem essa decisão, não existe base para determinar a quantidade de pixels.
Meça o espaço
Para tela, use a largura da área em pixels CSS. Para impressão, use a largura do produto em milímetros.
Multiplique pela densidade
Para tela, multiplique por 2. Para impressão, converta os milímetros pela fórmula acima a 300 ppi; em grandes formatos, use uma densidade menor.
Arredonde para cima com bom senso
Duzentos pixels a mais praticamente não custam nada, mas a falta de duzentos pixels obrigará você a ampliar a imagem.
Escolha a proporção da plataforma mais apertada
Se o quadro precisa ser quadrado e também largo, gere a versão larga com margem nas bordas e recorte dela o quadrado.
Guarde o arquivo original
O original no maior tamanho é a única forma de produzir outra dimensão mais tarde sem novas perdas.
O que acontece ao reduzir?
Reduzir também é recalcular, apenas de modo menos doloroso. Quatro pixels vizinhos viram um e os detalhes pequenos são nivelados: linhas finas desbotam, o texto de uma placa deixa de ser legível e o ruído vira um cinza uniforme.
Daí surgem duas regras. Primeiro, é melhor reduzir de uma vez, não em degraus de 10%, pois cada etapa calcula outra média. Segundo, depois de uma redução forte, o quadro precisa de leve nitidez ou parecerá sem vida. A nitidez deve ser a última operação, já no tamanho final; caso contrário, a compressão a transformará em halos ao longo dos contornos.
E o principal: todos os tamanhos derivados devem vir do original, nunca uns dos outros. Uma imagem reduzida para 800 pixels, esticada para 1200 e novamente comprimida perde qualidade três vezes, mesmo que cada etapa pareça inofensiva.
É possível ampliar uma imagem pequena?
É possível ampliar, mas não acrescentar detalhes reais. A interpolação comum calcula novos pixels a partir dos vizinhos: as bordas ficam mais suaves e a textura vira uma massa. O aumento com IA parece melhor, mas não recupera o que foi perdido; ele desenha algo plausível e inventa cabelos, letras e padrões pequenos.
O limite prático é aproximadamente uma ampliação de duas vezes para telas, desde que ninguém observe a imagem de muito perto. Para impressão, confira qualquer ampliação a 100%: a tela mostra a imagem reduzida e engana sobre a nitidez.
O que isso significa ao trabalhar com um banco de imagens?
Ao escolher uma imagem pronta, o tamanho já está definido; portanto, confira antes da compra, não depois. Os trabalhos do Picwin são criados por redes neurais a partir dos briefings do catálogo. A prévia na vitrine tem 1024 pixels de lado, e o tamanho final aparece na página do trabalho.
TecnologiaQuadros sobre tecnologia, interfaces e dados, temas em que versões larga e quadrada costumam ser necessárias ao mesmo tempo.
Mockups e fundos: neles, a proporção é ainda mais crítica, pois depois o quadro será cortado para caber no layout.
Pontos principais
- O tamanho do arquivo são seus pixels; ppi só aparece com um suporte físico.
- Para converter milímetros em pixels, divida por 25,4 e multiplique pela densidade.
- Para telas, use a largura do espaço multiplicada por 2.
- Escolha a proporção antes: depois, ela só muda por meio de corte.
- Nenhum tipo de ampliação, comum ou com IA, acrescenta detalhes reais.
Qual deve ser o tamanho de um banner para site?
Multiplique por 2 a largura do banner em pixels CSS. Um banner que ocupa toda a largura de um notebook tem cerca de 1440 pixels CSS, portanto o arquivo deve ter 2880 pixels de largura.
O que são 300 dpi e eles são sempre necessários?
São 300 pixels por polegada de papel, padrão para publicações vistas à distância de um braço. Um cartaz visto a três metros precisa de uma densidade bem menor.
Quantos megapixels são necessários para imprimir em A4?
2480 × 3508 = 8,7 megapixels a 300 ppi. Qualquer câmera moderna e quase toda geração em alta resolução supera esse requisito.
Por que a imagem parece borrada no celular?
Provavelmente o arquivo foi fornecido no tamanho do espaço CSS sem considerar a densidade da tela: o celular estica 400 pixels por 800 pontos físicos.
É possível mudar a proporção sem perdas?
Não. A proporção muda cortando ou completando as bordas. O corte descarta parte do quadro; o preenchimento acrescenta algo que não existia.
Em que tamanho o original deve ser guardado?
No maior tamanho disponível, sem compressões repetidas. Todos os derivados devem sempre ser criados a partir dele, não a partir uns dos outros.
Qual tamanho escolher se a plataforma não foi informada?
Use 2000 pixels no lado maior: isso basta para exibição em tela cheia e impressão até A5, mantendo o peso do arquivo moderado.
Continue lendo sobre formatos de imagem e quando usá-los e preparação de imagens para sites rápidos. Encontre trabalhos prontos no catálogo.
