1
resposta

Resolução

Olá, porque uma imagem tem perda quando inserida em um dispositivo de maior resolução se ocuparia o mesmo espaço na tela no momento da conversão (exemplo do logo da caelum)?

Mesmo em tela com dpr>1 seria o mesmo tamanho físico da tela de dpr=1 então porque há perda de qualidade da imagem ?

1 resposta

Fala ai Lucas, tudo bem? A perda da qualidade está relacionada aos pixels dela, isso porque uma imagem de 500x500 sendo utilizada como 1000x1000 perderia muito sua qualidade e ficaria pixelada.

Sendo assim ela precisa renderizar o dobro de tamanho para qual foi criada, dessa maneira, os pixels dela são esticadas para que a mesma ocupe o espaço necessário.

Esse esticamento de pixel é o que causa as famosas pixeladas.

Isso porque imagens possui um arranjo de pontos de px fixos, quando elas são esticas, os pixels também são para os pontos que o tornam visíveis.

Então além de PPI e DPI, os pixels e tamanho das imagens também inflenciam:

Tem um artigo muito bom do Figma sobre isso:

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software